daftar kode html yang sering dipakai
Berikut saya susun daftar kode HTML yang sering dipakai, dikelompokkan menurut fungsi dan kegunaannya agar lebih mudah dipahami:
📑 Struktur Dasar Dokumen
<!DOCTYPE html>→ Menentukan tipe dokumen HTML.<html>→ Elemen root, membungkus seluruh konten.<head>→ Bagian kepala, berisi metadata, link CSS/JS, judul.<title>→ Judul halaman (muncul di tab browser).<body>→ Bagian utama, berisi konten yang ditampilkan.
📝 Teks & Format
<h1>sampai<h6>→ Heading/judul dengan tingkat hierarki.<p>→ Paragraf.<br>→ Break baris.<hr>→ Garis horizontal.<strong>→ Teks tebal (penting).<em>→ Teks miring (penekanan).<span>→ Inline container untuk teks/elemen kecil.
🔗 Hyperlink & Navigasi
<a href="...">→ Membuat tautan.<nav>→ Bagian navigasi (menu/link utama).
🖼️ Media
<img src="..." alt="...">→ Menampilkan gambar.<audio>→ Menyisipkan audio.<video>→ Menyisipkan video.<iframe>→ Menyematkan konten dari luar (misalnya YouTube).
📋 Daftar
<ul>→ Unordered list (bullet).<ol>→ Ordered list (angka).<li>→ Item dalam daftar.<dl>→ Description list.<dt>→ Term dalam daftar deskripsi.<dd>→ Deskripsi dari term.
📦 Layout & Struktur
<header>→ Bagian kepala halaman.<footer>→ Bagian kaki halaman.<section>→ Bagian konten tematik.<article>→ Konten mandiri (artikel, posting).<aside>→ Konten sampingan (sidebar).<div>→ Container umum (block-level).
📊 Tabel
<table>→ Membuat tabel.<tr>→ Baris tabel.<td>→ Sel data.<th>→ Sel header.<thead>,<tbody>,<tfoot>→ Struktur tabel.
🎛️ Formulir & Input
<form>→ Membuat form.<input>→ Input data (text, password, checkbox, radio, dll).<textarea>→ Input teks panjang.<button>→ Tombol.<select>→ Dropdown.<option>→ Pilihan dalam dropdown.<label>→ Label untuk input.
⚙️ Metadata & Resource
<meta>→ Metadata (charset, viewport, SEO).<link>→ Menghubungkan file eksternal (CSS).<script>→ Menyisipkan JavaScript.<style>→ Menyisipkan CSS langsung.
🧩 Semantik Modern (HTML5)
<main>→ Konten utama.<figure>→ Gambar + keterangan.<figcaption>→ Keterangan gambar.<mark>→ Menyorot teks.<time>→ Waktu/tanggal.
👉 Jadi, kode HTML bisa dibagi ke 6 kelompok besar:
- Struktur dokumen
- Teks & format
- Hyperlink & navigasi
- Media (gambar, audio, video)
- Layout & semantik
- Formulir & tabel
Kalau kamu mau, saya bisa buat contoh template HTML sederhana yang sudah menggunakan sebagian besar elemen ini, biar lebih nyata dan bisa langsung dipakai di websitemu. Mau saya buatkan?
0 komentar:
Posting Komentar