Pembuatan List HTML

Tag HTML Pembuatan List Minimal

List adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Contohnya, suatu situs Download Film memiliki list, dapat berupa daftar dari Film dalam satu kategori. List dapat juga berupa prosedur (urutan langkah-langkah) dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir.
Berikut ini syntax untuk pembuatan list minimal dalam HTML :

---

---

1. Daftar Berurutan (Ordered List)
Daftar yang berurutan biasanya ditandai dengan penggunaan penomoran tertentu. Penomoran ini bias menggunakan angka (1, 2, 3, ...) maupun karakter alphabet terntentu (a, b, c, ... atau i, ii, iii, ...).
Untuk membuat suatu daftar yang berurutan dalam dokumen HTML, digunakan tag <ol> (ordered list), dengan penutup </ol>.
Masing-masing item di dalam daftar harus dibuat menggunakan tag <li>(list item, yang kemudian perlu ditutup dengan tag </li>.
Contoh List Kombinasi berurutan dengan type 1 dan dimulai dengana angka 1 :


---

3. Urutan Pertama
4. Urutan Kedua
5. Urutan Ketiga

---

2. Daftar Tidak Berurutan (Unordered List)
Daftar yang tidak berurutan adalah daftar yang item-itemnya dapat diubah posisinya secara acak. Daftar seperti ni tidak menggunakan penomoran.
Untuk membuat suatu daftar yang tidak berurutan dalam dokumen HTML, digunakan tag <ul> ... </ul> (unordered list).
Masing-masing item di dalam daftar harus dibuat menggunakan tag <li> ... </li>.
Contoh List Tidak Berurutan (Unordered List) :


---

• Item satu
• Item dua

---

3. Daftar Definisi (Definition List)
Daftar Definisi adalah suatu daftar yang berisi kumpulan definisi dari suatu istilah tertentu.
Daftar Definisi dimulai dari tag <dl> ... </dl>. Lalu terdapat bagian dalam daftar definisi, yaitu <dt> ... </dl> dan di dalamnya lagi ada <dd> ... </dd> .
Berikut ini contoh dari Definition List :


---

ol

Ordered List atau daftar berurutan

ul

Un-Ordered List atau daftar tidak berurutan

---

Tag HTML Pembuatan List Kombinasi

List Kombinasi adalah gabungan daftar berurutan dan daftar tidak berurutan. Untuk membuatnya pada dokumen HTML maka cukup menggabungkan <ol> dangan <ul>. Perhatikan syntax berikut :
<ol start="1" type="1">
<li> .. <li>
<ul>
<li> ... </li>
<li> ...</li>
</ul>
<li> .. <li>
<ul>
<li> ... </li>
<li> ...</li>
</ul>
</ol>
Dengan menerapkan syntax diatas, maka dapat dibuat untuk membuat daftar seperti contoh dibawah ini :

---

---

1. Film Fantasi
• Harry Potter
• The Lord of The Rings
• The Chonicles of Narnia
• Alice in Wonderland
2. Film Romantis
• Twilight
• Titanic

---