List
Terkadang dalam website yang kita buat, kita ingin membuat sebuah daftar, misalnya saja kita membuat daftar menu sbb :
• Home
• Gallery
• Link
HTML menyediakan tag untuk membuat list seperti diatas. Jenis list dalam HTML dibagi menjadi :
• Ordered List
• Unordered List
• Directory List
• Menu List
• Definition List
List yang paling sering dipakai adalah Ordered List dan Unordered List, untuk Directory List, Menu List dan jarang sekali digunakan.
Ordered List
Ordered list adalah daftar yang tiap bagiannya disertai dengan penomoran. Ordered list diawali dengan tag <OL> dan setiap item dalam list selalu diawali dengan <LI>. List yang memakai tag <OL> ini tidak harus 1,2,3,dst tetapi bisa saja a,b,c,dst, i,ii,iii,dst, tergantung pada atribut TYPE yang dituliskan dalam tag <OL>.
Tipe penomoran yang dimiliki oleh tag <OL> yaitu :
• 1 -> 1,2,3,…
• A -> A,B,C,…
• A -> a,b,c,…
• I -> I,II,III,…
• I -> i,ii,iii,…
Unordered List
Unordered list biasanya ditandai dengan pemakaian bullet untuk menandai setiap item dalam list. Unordered list diawali dengan tag <UL>. Sama seperti dalam Ordered list, pada Unordered list setiap item dalam list selalu diawali dengan <LI> dan juga memiliki beberapa type, yaitu :
• TYPE = circle -> Tanda lingkaran
• TYPE = disk -> Tanda cakram
• TYPE = square -> Tanda kotak
Contoh :
<HTML>
<HEAD>
<TITLE>Latihan menggunakan List</TITLE>
<HEAD>
<BODY>
Dibawah ini menggunakan Ordered List
<OL TYPE=a>
<LI>Ms Windows
<LI>Linux
<LI>Xenix
</OL>
Dibawah ini menggunakan Unordered List
<UL TYPE=square>
<LI>MySql
<LI>SQL
<LI>ORACLE
</UL>
Dibawah ini menggunakan Ordered List mulai 10
<OL TYPE=1 START=10>
<LI>PHP Triad
<LI>XAMPP
<LI>WAMPP
</OL>
</BODY>
</HTML>
Menu List (Daftar Menu)
Merupakan daftar item yang pendek dan tidak disertai dengan nomor ataupun penanda item. Menu list menggunakan
tag awal <MENU> dan tag akhir </MENU>, dengan setiap item di dalamnya menggunakan <LI>
<menu>
<li> ...
<li> ...
<li> ...
dst
</menu>
<dir>
<li> ...
<li> ...
<li> ...
dst
</dir>
Definition List <DL>
<dl>
<dt> ... </dt>
<dd> ..................... </dd>
<dt> ... </dt>
<dd> ...................... </dd>
</dl>
Senin, 26 September 2011
Definition List dan Bullet
0 komentar:
Posting Komentar