Assalamualaikum wr. wb.
Pada kesempatan kali ini saya akan menjelaskan tentang penggunaan list tanpa urutan (unordered list) pada file HTML. Tag <UL> untuk membuat daftar item dengan tanda bullet (tidak bernomor). List entri didefinisikan dengan tag <LI>. Pada jenis ini tidak memerlukan pengurutan data. Kita juga dapat menentukan jenis bullet yang akan digunakan dengan menentukan type-nya.
Beberapa tipe yang dapat dipilih ditunjukkan pada tabel di bawah ini :
Disc :Bullet berbentuk cakram
Circle :Bullet berbentuk lingkaran
Square :Bullet berbentuk kotak
Circle :Bullet berbentuk lingkaran
Square :Bullet berbentuk kotak
Sebagai contoh, ketikan script di bawah ini pada notepad dan save file as .html
<html>
<head>
<title>html unordered list</title>
</head>
<body>
<h3>Unordered List</h3>
<hr>
<h4>Unordered list dengan type Default</h4>
<ul>
<li>Juventus</li>
<li>Inter Milan</li>
<li>As Roma</li>
<li>Ac Milan</li>
</ul>
<h4>Unordered list dengan type Circle</h4>
<ul type="circle">
<li>Real Madrid</li>
<li>Barcelona</li>
<li>Atletico Madrid</li>
<li>Valencia</li>
</ul>
<h4>Unordered list dengan type Disc</h4>
<ul type="disc">
<li>Arsenal</li>
<li>MU</li>
<li>Manc City</li>
<li>Chelsea</li>
</ul>
<h4>Unordered list dengan type Square</h4>
<ul type="square">
<li>Munchen</li>
<li>Dortmund</li>
<li>Leverkusen</li>
<li>Shalke</li>
</ul>
</body>
</html>
<head>
<title>html unordered list</title>
</head>
<body>
<h3>Unordered List</h3>
<hr>
<h4>Unordered list dengan type Default</h4>
<ul>
<li>Juventus</li>
<li>Inter Milan</li>
<li>As Roma</li>
<li>Ac Milan</li>
</ul>
<h4>Unordered list dengan type Circle</h4>
<ul type="circle">
<li>Real Madrid</li>
<li>Barcelona</li>
<li>Atletico Madrid</li>
<li>Valencia</li>
</ul>
<h4>Unordered list dengan type Disc</h4>
<ul type="disc">
<li>Arsenal</li>
<li>MU</li>
<li>Manc City</li>
<li>Chelsea</li>
</ul>
<h4>Unordered list dengan type Square</h4>
<ul type="square">
<li>Munchen</li>
<li>Dortmund</li>
<li>Leverkusen</li>
<li>Shalke</li>
</ul>
</body>
</html>
Bukalah file tersebut pada browser, dan hasilnya adalah sebagai berikut:
Demikianlah sedikit penjelasan tentang bagaimana penggunaan list tanpa urutan (unordered list) pada file HTML. Semoga bermanfaat, Salam sukses...
0 comments: