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 :
Berikut ini syntax untuk pembuatan list minimal dalam HTML :
- 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, ...).
- Urutan Pertama
- Urutan Kedua
- Urutan Ketiga
- 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.
- Item satu
- Item dua
- Daftar Definisi (Definition List) Daftar Definisi adalah suatu daftar yang berisi kumpulan definisi dari suatu istilah tertentu.
- ol
- Ordered List atau daftar berurutan
- ul
- Un-Ordered List atau daftar tidak berurutan
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 :
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) :
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 :
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 :
<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 :
- Film Animasi
- Masha
- Overlord
- Minion
- Naruto
- Film Indonesia
- Sejarah merapi
- Danur
- The book of eli
0 komentar:
Posting Komentar