Belajar HTML Part #9 - Membuat List Pada HTML
Mas Hary
---
Crewnesia - Selanjutnya kita akan mempelajari materi mengenai cara membuat lis/daftar pada HTML. Untuk menampilkan list/daftar pada HTML kalian bisa menggunakan Tag <ol>, <ul>, dan <li>. Tag list terdiri dari 2 jenis yaitu ordered list dan unodered,
- Ordered List adalah sebuah list beraturan yang bergungsi untuk mengurutkan suatu list dengan urutan abjad atau angka. Untuk membuat list berjenis ordered list kita bisa menggunakan tag <ol>.
- Undered List adalah sebuah list tidak beraturan yang berfungsi untuk mengurutkan list dengan symbol. Untuk membuat list berjenis undered list kita bisa menggunakan tag <ul>.
Berikut contoh penggunaan ordered list.
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part #9 - Membuat List Pada HTML</title>
</head>
<body>
<h1>Daftar Hobi</h1>
<ol>
<li>Renang</li>
<li>Sepak Bola</li>
<li>Bulutangkis</li>
<li>Voli</li>
</ol>
</body>
</html>
Untuk membuat list bertipe Undered List kalian tinggal mengganti tag <ol> dengan tag <ul>. Berikut contoh penggunaan undered list :
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML Part #9 - Membuat List Pada HTML</title>
</head>
<body>
<h1>Daftar Hobi</h1>
<ul>
<li>Renang</li>
<li>Sepak Bola</li>
<li>Bulutangkis</li>
<li>Voli</li>
</ul>
</body>
</html>
Penggunaan tag list tidak hanya untuk membuat daftar/list saja, tetapi kalian bisa membuat menu navigasi di dalam halaman website, seperti menu home, contact us, dll tentunya dengan bantuan CSS. Tag list juga bisa digunakan untuk membuat nested list atau sering disebut list bersarang yang artinya sebuah list yang berada di dalam list lainnya.
Posting Komentar
Posting Komentar