List dalam HTML ada 2 jenis yaitu :
- Ordered List (list berurutan) = <ol> ... </ol>
Tag ini memiliki atribut type yang menunjukan jenis penomoran dan dapat diberi nilai :
- Type = "a" akan menghasilkan output seperti : a, b, c dst.
- type = "A" akan menghasilkan output seperti : A, B, C dst.
- type = "1" akan menghasilkan output seperti : 1, 2, 3 dst.
- type = "i" akan menghasilkan output seperti : i, ii, iii dst.
- type = "I" akan menghasilkan output seperti : I, II, III dst.
- Unordered List (list tidak berurutan) = <ul> ... </ul>
Tag ini memiliki atribut type tapi nilainya berbeda,
- Type = "disc" akan menghasilkan bentuk bulatan Hitam.
- Type = "circle" akan menghasilkan bentuk lingkaran hitam seperti cincin.
- Type = "square" akan menghasilkan bentuk bulatan kotak.
- Type = "none" tidak akan menghasilkan bentuk apapun atau kosong.
Dan untuk membuat Item List pada tiap baris list baik pada ol maupun ul, kita wajib menggunakan tagg <li> ... </li>
Perhatikan contoh berikut (file : list.html)
<DOCTYPE HTML!>
<html>
<head>
<title>List Ordered List & Unordered List</title>
</head>
<body>
<h2>Nama kelompok 1 Pemrograman Web </h2>
<ol type ="1">
<li>Dua Jendela </li>
<li>Irfan</li>
<li>Niaga</li>
<li>Seven</li>
<ul type="square">
<li>Blog bisnis</li>
<li>Ketua kelompok</li>
<li>Jenis presentasi</li>
<li>Jumlah Anggota</li>
</ul>
<li>Pembukaan presentasi</li>
<li>Penutup presentasi</li>
</ol>
</body>
</html>
<html>
<head>
<title>List Ordered List & Unordered List</title>
</head>
<body>
<h2>Nama kelompok 1 Pemrograman Web </h2>
<ol type ="1">
<li>Dua Jendela </li>
<li>Irfan</li>
<li>Niaga</li>
<li>Seven</li>
<ul type="square">
<li>Blog bisnis</li>
<li>Ketua kelompok</li>
<li>Jenis presentasi</li>
<li>Jumlah Anggota</li>
</ul>
<li>Pembukaan presentasi</li>
<li>Penutup presentasi</li>
</ol>
</body>
</html>
Kodingan seperti ini :
Terlihat pada browser seperti ini :
Contoh :
Type = "disc"
Type = "circle"
Type = "none"
0 Komentar