Pastinya sobat sudah tau kana pa itu LIST ? List adalah sebuah susunan sebuah daftar dari daftar sesuatu, misalnya daftar makanan ataupun daftar siswa dan lain-lain. List Tag pada HTML memiliki 3 varian yaitu:
1. Unordered List (Bullet)
2. Ordered List (Daftar Bernomor)
3. Definition List (Daftar Definisi)
3. Definition List (Daftar Definisi)
Sedangkan list tanpa nomor adalah list yang menggunakan item di depan daftar list yang kita buat.Silakan lihat contoh dokumen HTML dengan list di bawah ini :
___________________________________________________
___________________________________________________
1. Unordered List (Bullet)
<html>
<head>
<title> .::Unordered::.</title>
</head>
<body bgcolor=#ffffcc>
<b><font size=2 Face=tahoma color=red>
hobi saya adalah: </b>
<hr size=2 width=120 align=left>
<ul type=circle>
<li>Renang
</ul> <ul type=square>
<li>surfing
</ul>
<ul type=disc>
<li> Diving
</ul>
</font>
</body>
</html>
Hasilnya :
hobi saya adalah:
- Renang
- surfing
- Diving
___________________________________________________
2. Ordered List (Daftar Bernomor)
<html>
<head>
<title>.::Oriented List.::</title>
</head>
<body bgcolor=#ffffcc>
<b><font size=2 Face=tahoma color=blue>
hobi saya adalah: </b>
<hr size=2 width=120 align=left>
<ol type=1>
<li> Renang
<li> Surfing
<li> Diving
</ol>
</font>
<b> <font size=2 Face=tahoma color=red>
Cita-cita saya adalah: </b>
<ol type=1>
<li> Pilot
<li> Dokter
<li> Singer
</ol>
</font>
</body>
</html>
Hasilnya:
hobi saya adalah:
Bagian Pertama
Sub Bagian Pertama
Bagian Kedua
Sub Bagian Kedua
- Renang
- Surfing
- Diving
- Pilot
- Dokter
- Singer
___________________________________________________
3. Definition List (Daftar Definisi)
<html>
<head>
<title>.::Definition List.::</title>
</head>
<body>
<dl>
<dt>Bagian Pertama
<dd>Sub Bagian Pertama
<dt>Bagian Kedua
<dd>Sub Bagian Kedua
</dl>
</body>
</html>
Hasilnya :
0 komentar:
Posting Komentar