Membuat Game Petualangan Spiderman Menggunakan Greenfoot
Membuat Game Battleship Dengan Javascript
Cara Membuat Aplikasi Kalkulator Dengan Netbeans IDE
Program Segmentasi Gambar Dengan Metode Thresholding Menggunakan Matlab
Membuat Game Tetris Dengan Java Menggunakan Netbeans IDE

Jenis-jenis Tag HTML Beserta Fungsinya


Assalamualaikum warohmatullahi wabarokatuh

Programmer Bojonegoro - Selamat datang di blog Programmer Bojonegoro, pada postingan perdana ini saya akan mencoba menjelaskan jenis-jenis tag html beserta fungsinya.

Apa sih Tag HTML itu ?

Tag HTML adalah berbagai kode spesial atau kata kunci (nama tag) yang di apit oleh dua kurung sudut, misal <nama_tag>.

Tag HTML biasanya di awali dengan tag pembuka dan di akhiri dengan tag penutup. Format umum tag HTML adalah sebagai berikut :
<nama_tag> isi/konten yang ingin di tampilkan </nama_tag>
Umumnya setiap tag pembuka selalu di tutup dengan tag penutup yang di tandai dengan karakter "/" slash.

Apa fungsinya Tag HTML itu ?

Tag HTML berfungsi untuk membuat tampilan WEB yang kita buat menjadi lebih menarik dan terstruktur.

Apa saja jenis-jenis Tag HTML beserta fungsinya ?

Berikut saya jabarkan jenis-jenis tag HTML beserta fungsinya.

Basic
  • <!DOCTYPE>
Mendefinisikan jenis dokumen
  • <html>
Mendefinisikan sebuah dokumen HTML
  • <title>
Mendefinisikan judul untuk dokumen
  • <body>
Mendefinisikan dokumen tubuh
  • <h1> to <h6>
Mendefinisikan judul HTML
  • <p>
Mendefinisikan sebuah paragraf
  • <br>
Menyisipkan satu baris kosong(Enter)
  • <hr>
Mendefinisikan perubahan tematik dalam konten
  • <!--...-->
Mendefinisikan komentar
Formatting
  • <acronym>
Tidak didukung dalam HTML5. Mendefinisikan akronim
  • <abbr>
Mendefinisikan singkatan
  • <address>
Defines informasi kontak untuk penulis/pemilik dokumen/artikel
  • <b>
Mendefinisikan teks tebal
  • <bdi>
Mengisolasi bagian teks yang mungkin diformat dalam arah yang berbeda dari teks lain di luar
  • <bdo>
Mengabaikan teks arah saat ini
  • <big>
Tidak didukung dalam HTML5. Mendefinisikan teks besar
  • <blockquote>
Mendefinisikan bagian yang dikutip dari sumber lain
  • <center>
Tidak didukung dalam HTML5.  

Usang dalam HTML 4.01. Mendefinisikan berpusat teks
  • <cite>
Mendefinisikan judul kerja
  • <code>
Mendefinisikan sepotong kode komputer
  • <del>
Mendefinisikan teks yang telah dihapus dari dokumen
  • <dfn>
Mendefinisikan istilah definisi
  • <em>
Mendefinisikan menekankan teks
  • <font>
Tidak didukung dalam HTML5.  
Usang dalam HTML 4.01.  
Mendefinisikan font, warna, dan ukuran teks
  • <i>
Mendefinisikan bagian dari teks dalam suara alternatif atau suasana hati
  • <ins>
Mendefinisikan sebuah teks yang telah dimasukkan ke dalam sebuah dokumen
  • <kbd>
Mendefinisikan keyboard input
  • <mark>
Mendefinisikan ditandai/disorot teks
  • <meter>
Mendefinisikan skalar pengukuran jarak dikenal (gauge)
  • <pre>
Mendefinisikan sudah terformat teks
  • <progress>
Merupakan kemajuan tugas
  • <q>
Mendefinisikan kutipan singkat
  • <rp>
Mendefinisikan apa yang harus ditampilkan dalam browser yang tidak mendukung ruby anotasi
  • <rt>
Mendefinisikan penjelasan/pengucapan karakter (untuk tipografi Asia Timur)
  • <ruby>
Mendefinisikan anotasi ruby (untuk tipografi Asia Timur)
  • <s>
Mendefinisikan teks yang tidak lagi benar
  • <samp>
Mendefinisikan contoh keluaran dari sebuah program komputer
  • <small>
Mendefinisikan teks kecil
  • <strike>
Tidak didukung dalam HTML5.  

Usang dalam HTML 4.01. Mendefinisikan sebagai teks dicoret
  • <strong>
Mendefinisikan teks penting
  • <sub>
Mendefinisikan subscripted teks
  • <sup>
Mendefinisikan superscripted teks
  • <time>
Mendefinisikan tanggal/waktu
  • <tt>
Tidak didukung dalam HTML5. Mendefinisikan teks teletype
  • <u>
Defines teks yang harus gaya berbeda dari teks biasa
  • <var>
Mendefinisikan variabel
  • <wbr>
Mendefinisikan istirahat garis mungkin
Forms
  • <form>
Mendefinisikan sebuah form HTML untuk input pengguna
  • <input>
Mendefinisikan kontrol masukan
  • <textarea>
Mendefinisikan kontrol masukan multiline (area teks)
  • <button>
Mendefinisikan sebuah tombol diklik
  • <select>
Mendefinisikan daftar drop-down
  • <optgroup>
Mendefinisikan sekelompok opsi terkait dalam daftar drop-down
  • <option>
Mendefinisikan pilihan dalam daftar drop-down
  • <label>
Mendefinisikan sebuah label untuk sebuah elemen <input>
  • <fieldset>
Kelompok elemen-elemen yang terkait dalam bentuk
  • <legend>
Mendefinisikan keterangan untuk <fieldset>, < sosok >, atau elemen <details>
  • <datalist>
Menentukan daftar pilihan yang ditetapkan untuk masukan kontrol
  • <keygen>
Mendefinisikan sebuah tombol-pasangan generator field (untuk bentuk)
  • <output>
Mendefinisikan hasil perhitungan
Frames
  • <frame>
Tidak didukung dalam HTML5. 

Mendefinisikan sebuah jendela (frame) dalam bingkai
  • <frameset>
Tidak didukung dalam HTML5. Mendefinisikan sebuah set frame
  • <noframes>
Tidak didukung dalam HTML5. 
Mendefinisikan sebuah alternatif konten untuk pengguna yang mendukung frame
  • <iframe>
Mendefinisikan inline bingkai
Images
  • <img>
Mendefinisikan sebuah gambar
  • <map>
Mendefinisikan peta gambar sisi klien
  • <area>
Mendefinisikan area di dalam peta gambar
  • <canvas>
Digunakan untuk menarik grafis, dengan cepat, melalui skrip (biasanya JavaScript)
  • <figcaption>
Mendefinisikan keterangan untuk elemen <figure>
  • <figure>
Menentukan konten yang mandiri
Audio/Video
  • <audio>
Mendefinisikan suara konten
  • <source>
Mendefinisikan beberapa sumber media untuk elemen media (<video>dan <audio>)
  • <track>
Defines teks trek untuk elemen media (<video>dan <audio>)
  • <video>
Mendefinisikan video atau film
Links
  • <a>
Mendefinisikan hyperlink
  • <link>
Mendefinisikan hubungan antara dokumen dan sumber daya eksternal (paling digunakan untuk link ke lembar gaya)
  • <nav>
Mendefinisikan link navigasi
Lists
  • <ul>
Mendefinisikan daftar unordered
  • <ol>
Mendefinisikan daftar ordered
  • <li>
Mendefinisikan item daftar
  • <dir>
Tidak didukung dalam HTML5. 

Usang dalam HTML 4.01. Mendefinisikan direktori daftar
  • <dl>
Mendefinisikan daftar definisi
  • <dt>
Mendefinisikan istilah (item) dalam daftar definisi
  • <dd>
Mendefinisikan deskripsi item dalam daftar definisi
  • <menu>
Mendefinisikan daftar/menu perintah
  • <command>
Mendefinisikan sebuah tombol perintah yang pengguna dapat memohon
Tables

  • <table>
Mendefinisikan tabel
  • <caption>
Mendefinisikan tabel Keterangan
  • <th>
Mendefinisikan sebuah sel header tabel
  • <tr>
Mendefinisikan baris dalam tabel
  • <td>
Mendefinisikan sebuah sel dalam sebuah tabel
  • <thead>
Kelompok konten header tabel
  • <tbody>
Kelompok tubuh konten dalam sebuah tabel
  • <tfoot>
Kelompok footer konten dalam sebuah tabel
  • <col>
Menentukan kolom properti untuk setiap kolom dalam elemen <colgroup>
  • <colgroup>
Menentukan sekelompok dari satu atau lebih kolom dalam tabel format
Style/Sections

  • <style>
Mendefinisikan gaya informasi untuk dokumen
  • <div>
Mendefinisikan bagian dalam dokumen
  • <span>
Mendefinisikan bagian dalam dokumen
  • <header>
Mendefinisikan header untuk dokumen atau bagian
  • <footer>
Mendefinisikan footer untuk dokumen atau bagian
  • <hgroup>
Kelompok judul (<h1> untuk <h6>) elemen
  • <section>
Mendefinisikan bagian dalam dokumen
  • <article>
Mendefinisikan sebuah artikel
  • <aside>
Mendefinisikan konten selain isi halaman
  • <details>
Mendefinisikan nformasi tambahan bahwa pengguna dapat melihat atau menyembunyikan
  • <dialog>
Mendefinisikan sebuah kotak dialog atau jendela
  • <summary>
Mendefinisikan menuju elemen <details>yang terlihat
Meta Info

  • <head>
Mendefinisikan informasi tentang dokumen
  • <meta>
Mendefinisikan metadata tentang sebuah dokumen HTML
  • <base>
Menentukan URL/target dasar untuk semua URL relatif dalam dokumen
  • <basefont>
Tidak didukung dalam HTML5.  

Usang dalam HTML 4.01.  


Menentukan warna default dan ukuran font untuk semua teks dalam dokumen
Programming

  • <script>
Mendefinisikan sebuah script sisi klien
  • <noscript>
Mendefinisikan sebuah alternatif konten untuk pengguna yang tidak mendukung script sisi klien
  • <applet>
Tidak didukung dalam HTML5. Usang dalam HTML 4.01. Mendefinisikan applet tertanam
  • <embed>
Mendefinisikan sebuah wadah untuk aplikasi eksternal (non-HTML)
  • <object>
Mendefinisikan objek tertanam
  • <param>
Mendefinisikan parameter untuk objek

Alhamdulillah, itulah Jenis-jenis Tag HTML Beserta Fungsinya yang dapat saya jabarkan.
Baca juga: Membuat Halaman Web Tentang Daftar Riwayat Hidup Dengan HTML
Semoga bermanfaat dan dapat menambah wawasan temen-temen semua.

Terimakasih

Wassalamualaikum warohmatullahi wabarokatuh

Previous
This is the oldest page
Thanks for your comment