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 penilisan list menggunakan tag <li>. dalam membuat list pada HTML ini terdapat dua jenis tampilan list yang bisa di gunakan yaitu ordered list dan unordered list.
- ordered list berfungsi untuk menampilkan daftar list dalam bentuk huruf atau angka. tag yang digunakan dalam ordered list ini yaitu <ol>
- unordered list berfungsi untuk menampilkan daftar list dalam bentuk bulatan atau kotak di awalnya. tag yang diguanakan untuk membuat unordered list yaitu <ul>.
<!DOCTYPE html>
<html>
<head>
<title>membuat list</title>
</head>
<body>
<li>HTML</li>
<li>PHP</li>
</body>
</html>
Gambar di atas ialah menggunakan <li> untuk dapat membuat list pada HTML. dapat kalian lihat sendiri bahwa tampilan standar dari pada list yang ada pada HTML di awali dengan tanda titik.
Ordered List <ol>
Dalam menampilkan daftar list dan diawali dengan huruf atau angka, berikut ini adalah sebuah contoh untuk dapat implementasi ordered list pada HTML.
<!DOCTYPE html>
<html>
<head>
<title>membuat list</title>
</head>
<body>
<ol>
<li>HTML</li>
<li>PHP</li>
</ol>
</body>
</html>
Unordered list <ul>
<!DOCTYPE html>
<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
<ul>
<li>HTML</li>
<li>PHP</li>
</ul>
</body>
</html>
No comments:
Post a Comment