Berikut ini kita akan membahas tentang list...
Langsung saja kita lihat kode HTML berikut:
<html>
<head>
<title> Ordered Lit</title>
</head>
<body>
<ol type="A">
<li>jeruk</li>
<li>nanas</li>
<li>melon</li>
<li>jambu</li>
</ol>
</body>
</html>
<html>
<head>
<title> Ordered Lit</title>
</head>
<body>
<ol type="A">
<li>jeruk</li>
<li>nanas</li>
<li>melon</li>
<li>jambu</li>
</ol>
</body>
</html>
hasilnya:
yang di maksud <ol type="A"> itu berarti bulletnya menggunakan huruf kapital...
mudah kan?
hehehe
bosen ga?
lanjut lagi yaa....
<html>
<head>
<title>Undered List</title>
</head>
<body>
<ul type="square">
<li>Es Campur</li>
<li>Es Jeruk</li>
<li>Es Nanas</li>
<li>Es Teh</li>
</ul>
</body>
</html>
<head>
<title>Undered List</title>
</head>
<body>
<ul type="square">
<li>Es Campur</li>
<li>Es Jeruk</li>
<li>Es Nanas</li>
<li>Es Teh</li>
</ul>
</body>
</html>
hasil:
nah <ul type="square"> di atas untuk membuat kotak kecil di atas...
lanjut lg....
ini merupakan gabungan dari HTML di atas...
<html>
<head>
<title>Utama List</title>
</head>
<body>
Siswa dan Hobbinya:
<ul type="1">
<li>Hobbi Riska Anjana:</li>
<ul type="Disc">
<li>Membaca Komik</li>
<li>Nonton Film</li>
</ul>
<li>Hobbi Cinta:</li>
<ul type="Square">
<li>Menyanyi:</li>
<ul type="a">
<li>Lagu Campursari</li>
<li>Lagu Pop</li>
</ul>
<li>Shoping</li>
</ul>
<li>Hobbi Siska:</li>
<ul type="Circle">
<li>Menari</li>
<li>Memasak</li>
</ul>
</ul>
</body>
</html>
<head>
<title>Utama List</title>
</head>
<body>
Siswa dan Hobbinya:
<ul type="1">
<li>Hobbi Riska Anjana:</li>
<ul type="Disc">
<li>Membaca Komik</li>
<li>Nonton Film</li>
</ul>
<li>Hobbi Cinta:</li>
<ul type="Square">
<li>Menyanyi:</li>
<ul type="a">
<li>Lagu Campursari</li>
<li>Lagu Pop</li>
</ul>
<li>Shoping</li>
</ul>
<li>Hobbi Siska:</li>
<ul type="Circle">
<li>Menari</li>
<li>Memasak</li>
</ul>
</ul>
</body>
</html>
tampilan:
0 komentar:
Posting Komentar