List adalah uraian yang terdiri atas item-item dari suatu daftar yang dilengkapi dengan nomor(alfabetik atuapun numerik).Bentuk list sama dengan fungsi bullet and numbering yang ada pada word prosesor seperti Ms. Word.Dalam dokumen html ada 3 jenis list, yaitu ordered list, unordered list dan definition list.
1. Ordered List/List Bernomor
adalah list yang setiap itemnya diberi nomor baik alfabetik maupun numerik. Penulisannya adalah.
<ol [attribut]>
<li>...isi list1...</li>
<li>...isi list2...</li>
<li>...isi list3...</li>
<li>.isi list ke n.</li>
</ol>
2. Unordered List/List Tanpa Nomor
<ul [attribut]>
<li>...isi list1...</li>
<li>...isi list2...</li>
<li>...isi list3...</li>
<li>.isi list ke n.</li>
</ul>
3. Definition List
<dl>
<dt>Label/Judul 1
<dd>isi atau penjelasan 1
<dt>Label/Judul 2
<dd>isi atau penjelasan 2
<dt>Label/Judul 3
<dd>isi atau penjelasan 3
<dt>Label/Judul ke n
<dd>isi atau penjelasan ke n
</dl>
contoh penggunaan list html
<html>
<head>
<title>Penggunaan List</title>
</head>
<body>
<h2>Ordered List</h2>
<ol>
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ol>
<ol type="i">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ol>
<ol type="A">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ol>
<h2>Unordered List</h2>
<ul>
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ul>
<ul type="Square">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ul>
<ul type="circle">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ul>
<h2>Definition List</h2>
<dl>
<dt>Bab 1
<dd>Pertolongan pertama pada kecelakaan
<dt>bab 2
<dd>Perawatan korban kecelakaan
<dt>Bab 3
<dd>penguburan korban tewas
</dl>
</body>
</html>
adalah list yang setiap itemnya diberi nomor baik alfabetik maupun numerik. Penulisannya adalah.
<ol [attribut]>
<li>...isi list1...</li>
<li>...isi list2...</li>
<li>...isi list3...</li>
<li>.isi list ke n.</li>
</ol>
attribut berarti type atau bentuk penomoran. typenya adalah angka/type 1(1,2,3,4,5,dst),alphabet/type a(a-z), angka romawi/type i(i,ii,iii,iv), dll.
2. Unordered List/List Tanpa Nomor
Dalam unordered list setiap item pada daftar tidak diberi nomor atau angka, melainkan menggunakan karakter bullets (bentuknya seperti cakram, titik, persegi dll). Penulisannya adalah.
<ul [attribut]>
<li>...isi list1...</li>
<li>...isi list2...</li>
<li>...isi list3...</li>
<li>.isi list ke n.</li>
</ul>
attribut berarti type atau bentuk penomoran. Pada Unordered list type dari penomoran bisa jadi adalah square, circle, dll.Tetapi secara default adalah titik/bullets.
3. Definition List
Definition list digunakan saat anda ingin menuliskan sebuah terminologi secara rapih dan profesional. Atau model tulisan perbab. Pada definition list dikenal <DT> atau definition term yang digunakan untuk menulis label dan tag <DD> atau definition description yang merupakan isi atau penjelasan dari terminologi tersebut. Sedangkan Penulisannya adalah.
<dl>
<dt>Label/Judul 1
<dd>isi atau penjelasan 1
<dt>Label/Judul 2
<dd>isi atau penjelasan 2
<dt>Label/Judul 3
<dd>isi atau penjelasan 3
<dt>Label/Judul ke n
<dd>isi atau penjelasan ke n
</dl>
contoh penggunaan list html
<html>
<head>
<title>Penggunaan List</title>
</head>
<body>
<h2>Ordered List</h2>
<ol>
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ol>
<ol type="i">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ol>
<ol type="A">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ol>
<h2>Unordered List</h2>
<ul>
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ul>
<ul type="Square">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ul>
<ul type="circle">
<li>Item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
<li>item keempat</li>
</ul>
<h2>Definition List</h2>
<dl>
<dt>Bab 1
<dd>Pertolongan pertama pada kecelakaan
<dt>bab 2
<dd>Perawatan korban kecelakaan
<dt>Bab 3
<dd>penguburan korban tewas
</dl>
</body>
</html>
Posts
0 comments:
Post a Comment
Silahkan berkomentar dengan bijak, tapi jangan spam !