Membuat List


Membuat List

List merupakan bentuk umum yang sering kita jumpai dalam membuat suatu daftar. Dalam HTML List dibagi menjadi 3, yaitu :
1.      List dengan nomor ( ordered List )
2.      List tanpa nomor ( unordered List )
3.      List definisi.

1.      List dengan nomor ( ordered List )
Adalah model daftar yang setiap itemnya diberikan nomor. Adapun sintak dalam HTML :
<ol>à tag pembuka diambil dari kata ordered list
<li>item 1</li>à diawali tag pembuka dan diakhiri tag penutup list, secara default menggunakan angka 1,2,3,...dst...
</ol>àtag penutup ordered list

Berikut ini adalah type yang dapat digunakan sebagai attribute dalam ordered list :
Type
Keterangan
A
Mengubah menjadi abjad dengan huruf besar
A
Mengubah menjadi abjad dengan huruf kecil
I
Mengubah menjadi angka romawi dengan huruf kecil
I
Mengubah menjadi angka romawi dengan huruf besar

Untuk penerapannya sebagai berikut :
<ol type=A>
<li>List satu</li>
</ol>




Merubah awalan / dimulainya list atau daftar :
Misal akan membuat sebuah list dengan menggunakan abjad huruf besar dimulai E, maka penerapannya sebagai berikut :
<ol type=A start=5>
<li>List kelima</li>
<ol>

2.      List tanpa nomor ( unordered List )
Adalah model daftar yang setiap itemnya diberikan tanpa nomor tetapi berbentuk bullet. Untuk jenis unordered list ini juga tidak jauh berbeda dengan ordered list. Kalau ordered memiliki beberapa type disini juga memiliki beberapa jenis bentuk bullet, antara lain :
Type
Keterangan
Disc
Berbentuk lingkaran berwarna hitam didalamnya
Circle
Berbentuk lingkaran kosong
Square
Berbentuk kotak / box

Penerapan dalam sintak HTML :
<ul>à tag pembuka diambil dari nama unordered list
<li>item pertama</li>àlist bullet
</ul>à Tag penutup unordered list

Contoh :
<ul>
<li>Matematika</li>
<li>Fisika</li>
<li>Kimia</li>
</ul>


3.      List definisi.
List ini digunakan untuk mendefinisikan sebuah daftar menjorok ke dalam. Sintak dalam HTMLnya sebagai berikut :
<dl>à tag pembuka definisi list
<dt>àtag definisi term
</dt>à tag penutup definisi term
<dd>àdefinisi deskripsi
</dd>à akhir dari definisi deskripsi
</dl>à tag penutup definisi list

Contoh :
<dl>
<dt>
Makanan
</dt>
<dd>
Chicken Steak Crispy
</dd>
<dd>
Tenderloin Steak Crispy
</dd>
</dl>

No comments:

Post a Comment