Daftar adalah bagian penting dari HTML untuk menampilkan data secara terorganisir dan mudah dibaca. HTML menyediakan tiga jenis daftar utama: daftar tidak berurut, daftar berurut, dan daftar definisi.
Daftar yang tidak diurutkan(<ul>) menggunakan poin-poin khusus dan ditampilkan sebagai item berindentasi, biasanya menggunakan titik hitam. Ini adalah pilihan populer untuk mencantumkan item yang tidak memerlukan pesanan khusus.
Daftar terurut(<ol>) menggunakan penomoran atau penanda karakter tertentu dan ditampilkan sebagai daftar berurutan. Ini sering digunakan untuk mencantumkan item dalam urutan tertentu atau memberi nomor.
Daftar definisi(<dl>) menggunakan pasangan istilah dan deskripsi untuk menampilkan data. Setiap pasangan dilampirkan dalam tag <dt>(istilah definisi) dan <dd>(deskripsi definisi). Ini adalah cara yang efektif untuk menampilkan atribut atau definisi untuk konsep tertentu.
Daftar Tak Terurut( <ul>
)
- <ul>
Elemen ini digunakan untuk membuat daftar tidak terurut.
- Setiap item dalam unordered list ditempatkan di dalam sebuah <li>
elemen.
- Daftar unordered biasanya ditampilkan dengan peluru atau karakter serupa.
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Daftar Pesanan( <ol>
)
- <ol>
Elemen ini digunakan untuk membuat daftar yang diurutkan.
- Setiap item dalam daftar yang dipesan ditempatkan di dalam sebuah <li>
elemen.
- Daftar yang diurutkan biasanya ditampilkan dengan angka atau karakter abjad.
<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Daftar Definisi( <dl>
)
- <dl>
Elemen ini digunakan untuk membuat daftar definisi.
- Setiap item dalam daftar definisi terdiri dari sepasang tag <dt>
(istilah definisi) dan <dd>
(deskripsi definisi).
- <dt>
Tag berisi kata kunci atau atribut yang akan didefinisikan, sedangkan <dd>
tag berisi deskripsi atau penjelasan untuk kata kunci atau atribut tersebut.
<dl>
<dt>Keyword 1</dt>
<dd>Description for Keyword 1</dd>
<dt>Keyword 2</dt>
<dd>Description for Keyword 2</dd>
</dl>
Atribut Jenis Daftar( <ul>
dan <ol>
)
- Atribut type digunakan untuk menentukan gaya penomoran dari daftar yang diurutkan.
- Nilai atribut type dapat berupa "1"(angka), "A"(huruf besar), "a"(huruf kecil), "I"(angka Romawi besar), atau "i"(angka Romawi kecil) .
<ol type="A">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ol>
Mulai Atribut( <ol>
)
- Atribut mulai digunakan untuk menentukan nilai awal penomoran dalam daftar yang diurutkan.
- Nilai atribut awal adalah bilangan bulat positif.
<ol start="5">
<li>Item 5</li>
<li>Item 6</li>
<li>Item 7</li>
</ol>
Atribut Terbalik( <ol>
)
- Atribut terbalik digunakan untuk menampilkan daftar yang diurutkan dalam urutan terbalik.
- Saat atribut terbalik diterapkan, penomoran akan ditampilkan dalam urutan menurun.
<ol reversed>
<li>Item 3</li>
<li>Item 2</li>
<li>Item 1</li>
</ol>
Atribut dan elemen ini memungkinkan Anda membuat dan menyesuaikan daftar dalam HTML sesuai dengan kebutuhan Anda. Anda dapat menggunakannya untuk menampilkan data secara jelas dan teratur di situs web Anda.