Bekerja dengan List di HTML

 HTML List berfungsi untuk membuat daftar urutan denganmenggunakan penomoran maupun symbol. Di dalam HTML List. Terdapat 3 macam jenis list (daftar), yaitu:

A. ORDERED LIST

Ordered List berfungsi untuk membuat daftar list dimana tiap bagian akan diberi penomoran, tag diawali dengan <ol> dan diakhiri dengan </ol>. Untuk tiap bagian diawali dengan <li> dan diakhiri dengan </li>. Penomoran list secara default akan diawali dengan angka 1/dengan attribute type="1". 

Format penulisannya seperti berikut:

Macam-macam attribute untuk penomoranpada Ordered List antara lain: Jika anda format penomoran dengan huruf A, B, C maka attribute yang digunakan adalah type="A"

    * Jika anda ingin format penomoran dengan huruf i, ii, iii maka attribute yang digunakan adalah type="i"

    * Jika anda ingin format penomoran dengan huruf I, II, III maka attribute yang digunakan adalah type="I"

    * Jika anda inign format penomoran dengan huruf a, b, c maka attribute yang digunakan adalah type="a"

B. UNORDERED LIST 

Unordered List berfungsi untuk membuat daftar list diman tiap bagian tidak akan diberi penomoran, tag diawali dengan <ul> dan diakhiri dengan </ul>. Untuk tiap bagian diawali dengan <li> dan diakhiri dengan </li>. Penomoran list secara default menggunakan lingkaran/attribute type="circle".

Format penulisannya seperti berikut ini:

Secara default simbol yang digunakan oleh unordered list adalah lingkaran kecil (disc). Kita juga bisa menggantinya dengan atributtype.

Berikut ini nilai yang bisa diberikan untuk atribute type:

    a. Square untuk simbol persegi

    b. Disc (default) untuk simbol lingkaran disc

    c. None tidak memakai simbol 

    d. Circle untuk simbol lingkaran

C. DESCRIPTION LIST

Description List adalah list yang berisi deskripsi atau penjelasan dari sesuatu. 

Ada tiga tag yang digunakan untuk membuat description list:

    a. <dl> (description list) tag untuk memulai description list

    b. <dt> (description term) tag untuk membuat kata yang akan dideskripsikan

    c. <dd> (description description) tag untuk membuat penjelasan dari kata

Format penulisannya seperti berikut ini:

<dl>

    <dt> Kata 1</dt>

    <dd>Penjelasan Kata 1</dd>

    <dt>Kata 2</dt>

    <dd>Penjelasan Kata 2</dd>

</dl>