Cara membuat list pada HTML
List atau yang kita kenal dengan daftar berurutan merupakan fungsi dalam HTML yang digunakan untuk menampilkan data secara berurutan ke bawah. Dalam HTML penulisan list menggunakan tag <li> dan ditutup dengan </li> . Dalam pembuatan list, terdapat 2 jenis tampilan list yang bisa digunakan yaitu Ordered List dan Unordered List.
Ordered List berfungsi untuk menampilkan daftar list dalam bentuk huruf atau angka. Tag yang digunakan dalam ordered list yaitu <ol>.
Unordered List berfungsi untul menampilkan daftar list dalam bentuk bulatan atau kotak diawalnya. Tag yang digunakan untuk membuat unordered list yaitu <ul>.
contoh script HTML membuat Ordered List.
<html>
<head>
<title>SiiCoder.xyz</title>
</head>
<body>
<ol>
<li>Belajar HTML SiiCoder</li>
<li>SiiCoder.xyz</li>
</ol>
</body>
</html>
<head>
<title>SiiCoder.xyz</title>
</head>
<body>
<ol>
<li>Belajar HTML SiiCoder</li>
<li>SiiCoder.xyz</li>
</ol>
</body>
</html>
maka hasilnya akan seperti ini.
- Belajar HTML SiiCoder
- SiiCoder.xyz
Contoh script Unordered List
<html>
<head>
<title>SiiCoder.xyz</title>
</head>
<body>
<ul>
<li>Belajar HTML SiiCoder</li>
<li>SiiCoder.xyz</li>
</ul>
</body>
</html>
<head>
<title>SiiCoder.xyz</title>
</head>
<body>
<ul>
<li>Belajar HTML SiiCoder</li>
<li>SiiCoder.xyz</li>
</ul>
</body>
</html>
Maka hasilnya akan seperti ini.
- Belajar HTML SiiCoder
- SiiCoder.xyz
Sudah taukan perbedaannya? Ordered list akan menggunakan angka berurutan,sedangkan unordered list menggunakan buletan kecil.
oke sekian pembahasan tentang List pada HTML
Follow SiiCoder & Share It :) .
Komentar (0)
Post a Comment