Kita lanjutkan lagi, disini kita akan mempelajari tentang cara membuat list dengan 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>. 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 digunakan untuk membuat unordered list yaitu <ul>
untuk lebih mudahnya, perhatikan contoh penulisan list dalam HTML berikut ini:
<!DOCTYPE html> <html> <head> <title>belajar membuat list</title> </head> <body> <ul> <li>belajar HTML</li> <li>belajar PHP</li> </ul> </body> </html>jalankan kode diatas.
hasilnya akan seperti ini
Ordered List <ol>
Menampilkan daftar list dan diawali dengan huruf atau angka, berikut contoh untuk implementasi ordered list pada HTML.<!DOCTYPE html>
<html>
<head>
<title>belajar membuat list</title>
</head>
<body>
<ol>
<li>belajar HTML</li>
<li>belajar PHP</li>
</ol>
</body>
</html>
jalankan di browser
Unordered list <ul>
Unordered list adalah jenis list HTML dalam bentu titik pada awal list.berikut contoh unordered list pada HTML :
<html> <head> <title>belajar membuat list</title> </head> <body> <ul> <li>belajar HTML</li> <li>belajar PHP</li> </ul> </body> </html>jalankan dan lihat hasilnya
gampang bukan. Setelah ini kita akan mempelajari tentang form pada HTML, di harap anda sudah mengerti dan hapal materi sebelumnya.
Untuk melihat artikel/materi lainnya silahkan masuk di sini