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