List (Daftar)

HTML menyediakan tiga jenis list untuk menampilkan kumpulan item: unordered list, ordered list, dan description list.

Unordered List (Daftar Tak Berurutan)

Gunakan <ul> untuk daftar yang tidak memerlukan urutan. Setiap item dibungkus tag <li>.

<ul>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

Ordered List (Daftar Berurutan)

Gunakan <ol> untuk daftar yang memiliki urutan atau langkah-langkah.

<ol>
    <li>Buka teks editor</li>
    <li>Tulis kode HTML</li>
    <li>Simpan sebagai .html</li>
    <li>Buka di browser</li>
</ol>

Description List (Daftar Deskripsi)

Gunakan <dl> untuk pasangan istilah dan deskripsinya. <dt> untuk istilah, <dd> untuk deskripsinya.

<dl>
    <dt>HTML</dt>
    <dd>Bahasa markup untuk membuat struktur halaman web</dd>

    <dt>CSS</dt>
    <dd>Bahasa untuk mengatur tampilan dan gaya halaman web</dd>
</dl>

List Bersarang (Nested List)

List bisa diletakkan di dalam list lain untuk membuat sub-daftar.

<ul>
    <li>Front-end
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </li>
    <li>Back-end
        <ul>
            <li>PHP</li>
            <li>Python</li>
        </ul>
    </li>
</ul>