Belajar HTML Part #9 - Membuat List Pada HTML

Crewnesia - Membuat List Pada HTML

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>
Crewnesia - Membuat List Pada 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>

Crewnesia - Membuat List Pada 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.

Selanjutnya pelajari materi tentang

  • Belajar HTML Part #10 - Membuat Table Pada HTML.