Kumpulan Tag HTML Beserta Fungsinya
Juli 20, 2021
Add Comment
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
Itulah jenis-jenis tag HTML beserta fungsinya. Dari sekian banyak tag HTML yang saya tuliskan di atas, mungkin beberapa sudah tidak di dukung lagi dalam HTML versi terbaru. Maka dari itu teman-teman wajib untuk selalu update perkembangan HTML versi terbaru.
Terakhir sebagai penutup, teman-teman dapat mengunjungi w3schools.com untuk melihat tutorial HTML yang lebih lengkap. Disitu teman-teman juga dapat mencoba contoh penerapan HTML pada editor yang telah di sediakan w3schools.com.
Terima kasih
0 Response to "Kumpulan Tag HTML Beserta Fungsinya"
Posting Komentar