Sudah sebulan lebih, saya nggak nulis lagi. Banyak kesibukan, ditambah website juga down. Tapi, alhamdulillah, sudah kembali normal lagi.

Kali ini, penulis ingin melanjutkan artikel mengenai HTML. Kali ini, tag yang akan kita bahas adalah tag List.

Bisa dibilang, List merupakan penomoran pada beberapa data secara berurutan. Konsepnya sama seperti bullets and numbering yang biasa dijumpai pada MS. Word. Tag list sendiri terbagi dua, yakni Ordered List dan Unordered List.

Ordered List menampilkan angka sebagai patokan urutan. Sedangkan Unordered List menampilkan simbol tertentu sebagai patokan urutan (bullets).

Tag Ordered List adalah <ol>, sedangkan Unordered List adalah <ul>

Selain itu, terdapat satu tag lagi, yakni <li>, yang berfungsi membuat list pada tiap barisnya

Perhatikan script berikut.

<!DOCTYPE HTML>
<html>
<head>
<title>List</title>
</head>
<body>
Ordered List
<ol type= 1>
<li>Nomor 1</li>
<li>Nomor 2</li>
<li>Nomor 3</li>
</ol>
Unordered List
<ul type= "square">
<li>Nomor 1</li>
<li>Nomor 2</li>
<li>Nomor 3</li>
</ul>
</body>
</html>

Maka hasilnya sebagai berikut

Sebagai tambahan, tag <ol> dan <ul> terdapat satu atribut, yakni type, yang berfungsi untuk mengidentofikasi tipe bullets atau numbering yang digunakan.

Kalo kurang jelas, bisa simak video di bawah.

Demikian, semoga bermanfaat 🙂

Anda bisa mengunjungi kami di website dengan klik di sini, atau Subscribe channel kami di sini.