Belajar HTML - Penulisan List HTML
![]() |
Belajar HTML - Penulisan List HTML |
List merupakan bentuk yang umum, biasa digunakan untuk menguraikan daftar suatu menu.
jenis-jenis html :
- List dengan nomor
- List tanpa nomor (bullet list)
- List definisi
Contoh list
<html>
<head><title>contoh membuat list</title>
</head>
<body>
<h4> list dengan nomor </h4>
<ol>
<li> kopi</li>
<li> teh</li>
<li>susu</li>
</ol>
<h4>list bullet</h4>
<ul>
<li> kamu</li>
<li> aku </li>
<li> KUA </li>
</ul>
</body>
</html>
Contoh lain :
<html>
<head></title>belajar list</title>
</head>
<body>
<h4> dengan disc bullet</h4>
<ul type="disc">
<li>apel</li>
<li>pisang</li>
<li>ambon</li>
<li>anggur</li>
</ul>
<h4> dengan circle bullet</h4>
<ul type="circle">
<li>jambu</li>
<li>rambutan</li>
<li>mangga</li>
<li>jeruk</li>
</ul>
<h4> dengan square bullet</h4>
<ul type="square">
<li>ubi</li>
<li>papaya</li>
<li>durian</li>
<li>sirsak</li>
</ul>
</body>
</html>
Membuat Nested List
List kali ini digunakan secara bersarang, maksudnya adalah didalam list akan terdapat list lagi.
Contoh :
<html>
<head></title>belajar list nested</title>
</head>
<body>
<h4>Nested list</h4>
<ul>
<li>kopi</li>
<li>teh</li>
<ul>
<li> teh hitam</li>
<li> teh hijau</li>
</ul>
</body>
</html>
HTML || Css || Javascript
Belajar HTML - Penulisan List HTML
Reviewed by Ardy S
on
April 26, 2015
Rating:

No comments: