Belajar List Pada HTML

List HTML

Dalam pembuatan sebuah dokumen, list (daftar) merupakan sebuah hal yang tidak dapat dihindari. Daftar mengenai berbagai hal selalu dapat ditemukan dalam penulisan dokumen.

Terdapat tiga daftar utama yang dapat dibuat dengan HTML, yaitu:

1. Unordered List (Daftar Tidak Terurut), seperti namanya, memungkinkan kita untuk membuat daftar dari hal-hal yang tidak memiliki urutan tertentu.
2. Ordered List (Daftar Terurut), kembali lagi, sesuai namanya, memberikan kita fasilitas untuk membuat daftar hal-hal yang harus diurutkan dengan benar.
3. Definition List (Daftar Definisi), digunakan untuk membuat daftar definisi dari istilah-istilah yang ada dalam dokumen, digunakan terutama untuk glosarium dan indeks.

1. Unordered List

Seperti yang telah dijelaskan sebelumnya, unordered list digunakan untuk memberikan daftar dari hal-hal yang tidak memiliki urutan tertentu.

Contoh:

<ul>

    <li>Ayam Goreng </li>

    <li>Bebek Goreng</li>

    <li>Bebek Bakar</li>

</ul>

Hasil: 

2. Ordered List

Seperti namanya, ordered list membuat daftar yang terurut. Seperti 1,2,3,…/ a,b,c,…

Contoh:

<ol>

    <li>Ayam Goreng </li>

    <li>Bebek Goreng</li>

    <li>Bebek Bakar</li>

</ol>

Hasil: 

3. Definition List

Selain daftar terurut dan tidak terurut, kita juga seringkali menjumpai daftar definisi, yang memberikan kita penjelasan singkat terhadap sebuah kata atau istilah yang mungkin tidak kita ketahui. Dalam dunia menulis, daftar ini dikenal dengan nama glosarium.

Contoh:

<dl>

    <dt>Definition List</dt>

           

<p><dd>Pada 18 September kemarin saya bersama satu teman saya

            sedang</dd>

            berlibur ke wisata Pesona Tanjung Senai, Pada saat

            diperjalanan kita

            <dd>banyak menjumpai hal rintangan

            mulai dari jalan yang licin,</dd>

            tejatuh ketika berada diatas sepeda motor

            hingga 3x saya dan teman saya terjatuh.

</p>

</dl>

Hasil:

 Silahkan Mencoba.