
hai.. semua sobat belajar hebat bertemu lagi dengan saya. kali kita pelajari dalam tutorial belajar HTML dasar adalah cara membuat daftar/list di HTML. Untuk menampilkan sebuah text sebagai daftar/list, HTML menyediakan Tag <ol>, <ul> dan <li>.
Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh.
Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag<ol>:
<!
DOCTYPE
html>
<
html
>
<
head
>
<
title
>penggunaan tag list </
title
>
</
head
>
<
body
>
<
h1
>daftar belanjaan</
h1
>
<o
l
>
<
li
>minyak goreng</
li
>
<
li
>sabun mandi</
li
>
<
li
>deterjen</
li
>
<
li
>shampoo</
li
>
<
li
>buku</
li
>
</o
l
>
</
body
>
</
html
>
Untuk membuat unordered list, tinggal ganti tag <ol> menjadi <ul>.
Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag<ul>:
<!
DOCTYPE
html>
<
html
>
<
head
>
<
title
>penggunaan tag list </
title
>
</
head
>
<
body
>
<
h1
>daftar belanjaan</
h1
>
<u
l
>
<
li
>minyak goreng</
li
>
<
li
>sabun mandi</
li
>
<
li
>deterjen</
li
>
<
li
>shampoo</
li
>
<
li
>buku</
li
>
</u
l
>
</
body
>
</
html
>
<!
DOCTYPE
html>
<
html
>
<
head
>
<
title
>penggunaan tag list </
title
>
</
head
>
<
body
>
<
h1
>daftar belanjaan</
h1
>
<
ol
>
<
li
>mie</
li
>
<
li
>sabun mandi</
li
>
<
li
>deterjen</
li
>
<
li
>shampoo</
li
>
<
li
>buku</
li
>
</ul>
</
ol
>
</
body
>
</
html
>