65 Tag HTML: Panduan Lengkap
HTML (HyperText Markup Language) adalah bahasa pemrograman yang digunakan untuk membangun struktur dan konten halaman web. Tag HTML adalah instruksi yang digunakan untuk memberi tahu browser web bagaimana menampilkan konten di halaman. Berikut adalah 65 tag HTML yang penting untuk diketahui:
Tag Struktur Dasar:
<html>: Tag akar yang mendefinisikan dokumen HTML.<head>: Menentukan metadata tentang halaman, seperti judul dan tautan ke file CSS.<title>: Menentukan judul halaman web yang ditampilkan di tab browser.<body>: Menentukan konten utama halaman web yang akan ditampilkan di browser.<h1>-<h6>: Tag heading (judul) dengan level 1 hingga 6, semakin besar angka, semakin kecil ukuran heading.<p>: Tag paragraf.<br>: Tag break line (baris baru).<hr>: Tag horizontal rule (garis horizontal).
Tag Teks dan Format:
<strong>: Teks tebal.<b>: Teks tebal (hanya untuk tampilan).<em>: Teks miring.<i>: Teks miring (hanya untuk tampilan).<mark>: Teks dengan latar belakang kuning.<del>: Teks yang dihapus (tampil dengan garis tengah).<ins>: Teks yang disisipkan (tampil dengan garis bawah).<code>: Teks kode.<pre>: Teks yang diajukan dengan format aslinya.<kbd>: Teks yang mewakili input keyboard.<samp>: Teks yang mewakili output dari program.<var>: Teks yang mewakili variabel.<span>: Tag inline container untuk elemen yang tidak memiliki tag sendiri.
Tag Tautan dan Gambar:
<a>: Tag anchor (link) untuk menghubungkan ke halaman web lain.<img>: Tag untuk menampilkan gambar.<map>: Tag untuk membuat peta gambar.<area>: Tag untuk mendefinisikan area interaktif dalam peta gambar.
Tag Daftar:
<ul>: Tag unordered list (daftar tidak bernomor).<ol>: Tag ordered list (daftar bernomor).<li>: Tag list item (item daftar).<dl>: Tag definition list (daftar definisi).<dt>: Tag definition term (istilah definisi).<dd>: Tag definition description (deskripsi definisi).
Tag Tabel:
<table>: Tag untuk membuat tabel.<caption>: Tag untuk memberikan caption pada tabel.<thead>: Tag untuk mendefinisikan header tabel.<tbody>: Tag untuk mendefinisikan body tabel.<tfoot>: Tag untuk mendefinisikan footer tabel.<tr>: Tag untuk mendefinisikan baris tabel.<th>: Tag untuk mendefinisikan sel header tabel.<td>: Tag untuk mendefinisikan sel data tabel.
Tag Formulir:
<form>: Tag untuk membuat formulir.<input>: Tag untuk membuat berbagai input seperti teks, password, checkbox, radio button, dan tombol.<label>: Tag untuk memberikan label pada input.<select>: Tag untuk membuat dropdown list.<option>: Tag untuk mendefinisikan opsi dalam dropdown list.<textarea>: Tag untuk membuat area teks multi-baris.<button>: Tag untuk membuat tombol.
Tag Audio dan Video:
<audio>: Tag untuk memutar audio.<video>: Tag untuk memutar video.<source>: Tag untuk menentukan sumber media.
Tag Lainnya:
<div>: Tag block-level container untuk elemen lain.<span>: Tag inline container untuk elemen lain.<style>: Tag untuk mendefinisikan style CSS.<script>: Tag untuk mendefinisikan script JavaScript.<meta>: Tag untuk mendefinisikan metadata tentang halaman web.<link>: Tag untuk menghubungkan ke file eksternal seperti CSS dan favicon.<iframe>: Tag untuk menyematkan halaman web lain.<embed>: Tag untuk menyematkan konten multimedia.<object>: Tag untuk menyematkan objek multimedia.<canvas>: Tag untuk membuat gambar dan animasi.<svg>: Tag untuk membuat gambar vektor.<details>: Tag untuk menampilkan konten yang dapat di-expand.<summary>: Tag untuk menampilkan label untuk konten yang dapat di-expand.
Tag yang Dihapus:
Beberapa tag HTML telah dihapus dari spesifikasi HTML5. Tag-tag ini tidak lagi didukung dan tidak boleh digunakan dalam kode HTML. Beberapa tag yang dihapus antara lain:
<font><center><strike><tt><big><small><bdo><applet><marquee><frame><frameset>
Penutup
65 tag HTML ini hanyalah sebagian kecil dari total tag yang tersedia. Anda dapat mempelajari lebih lanjut tentang tag HTML dan penggunaannya melalui dokumentasi resmi W3C. Dengan memahami penggunaan tag HTML, Anda dapat membangun halaman web yang dinamis dan interaktif.