 |
| Gambar list item |
Assalamu'alaikum Wr.wb
Selamat Siang
Pada kesempatan kali ini hendi akan berbagi tutorial bagaimana caranya membuat list/daftar dengan menggunakan html. Dalam html list dibagi menjadi dua yaitu:
- ol (ordered list) merupakan tag yang digunakan untuk membuat list / daftar secara beraturan.
- ul (unordered list) merupakan tag yang digunakan untuk membuat list / daftar yang tidak beraturan.
- untuk listnya kita menggunakan tag li untuk listnya
- ordered list
<!DOCTYPE html>
<html>
<head>
<title>
membuat ordered list html
</title>
</head>
<body>
<h3>Daftar Hardware Komputer</h3>
<ol>
<li>Mouse</li>
<li>Keyboard</li>
<li>Harddisk</li>
<li>Ram</li>
</ol>
<body>
</html>
<html>
<head>
<title>
membuat ordered list html
</title>
</head>
<body>
<h3>Daftar Hardware Komputer</h3>
<ol>
<li>Mouse</li>
<li>Keyboard</li>
<li>Harddisk</li>
<li>Ram</li>
</ol>
<body>
</html>
Jika script/kode diatas dijalankan maka hasil seperti pada gambar dibwah ini:
 |
| Gambar Ordered List |
- Unordered list
<!DOCTYPE html>
<html>
<head>
<title>
membuat ordered list html
</title>
</head>
<body>
<h3>Daftar Hardware Komputer</h3>
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Harddisk</li>
<li>Ram</li>
</ul>
<body>
</html>
Jika script/kode diatas dijalankan maka hasilnya seperti pada gambar dibawah ini;<html>
<head>
<title>
membuat ordered list html
</title>
</head>
<body>
<h3>Daftar Hardware Komputer</h3>
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Harddisk</li>
<li>Ram</li>
</ul>
<body>
</html>
 |
| Unordered List |
Demikian tutorial membuat list/daftar, kurang lebihnya saya mohon maaf.
Wasslamu'alaikum Wr.wb