Tutorial Membuat List Atau Daftar Menggunakan HTML. List atau Daftar merupakan sebuah data yang ditampilkan secara terurut kebawah, dan untuk membuat list menggunakan kode HTML kita dapat menggunakan tag <li> dan untuk mengatur tampilan pada list tersebut kita boleh menggunakan Ordered List atau bisa juga dengan Unordered List.
Oredered List ialah sebuah daftar berurutan yang ditandai menggunakan angka dan tag yang digunakan adalah <ol>, sedangkan Unordered List yaitu sebuah daftar berurutan yang ditandai oleh simbol tertentu dan tag yang dipakai ialah <ul>. Untuk lebih jelas fungsinya maka kalian harus melihat kode html berikut
Demikian tutorial singkat mengenai cara membuat sebuah list pada web menggunakan kode html
Oredered List ialah sebuah daftar berurutan yang ditandai menggunakan angka dan tag yang digunakan adalah <ol>, sedangkan Unordered List yaitu sebuah daftar berurutan yang ditandai oleh simbol tertentu dan tag yang dipakai ialah <ul>. Untuk lebih jelas fungsinya maka kalian harus melihat kode html berikut
Baca juga :
Memahami Atribut Class Dan Id Pada HTML
Cara Menyisipkan Gambar Di Web Dengan HTML
Cara Membuat Berbagai Macam HyperLink HTML Di Web
Membuat Ordered List
<html>
<head>
<title>Belajar Membuat Ordered List</title>
</head>
<body>
<ol>
<li>Belajar HTML</li>
<li>Belajar CSS</li>
<li>Belajar JS</li>
</ol>
</body>
</html>
Membuat Unordered List
<html>
<head>
<title>Belajar Membuat Ordered List</title>
</head>
<body>
<ul>
<li>Belajar HTML</li>
<li>Belajar CSS</li>
<li>Belajar JS</li>
</ul>
</body>
</html>
Membuat Sub/List Dalam List HTML
Untuk membuat sub list atau list dalam list dengan html maka kita hanya perlu menambahkan tag yang ingin kalian gunakan, antara tag Ordered List atau Unordered List seperti membuat list baru dan masukkan kedalam sebelum tag penutup </li>.<html>
<head>
<title>Belajar Membuat Ordered List</title>
</head>
<body>
<ol>
<li>Belajar HTML
<ol>
<li>Pengertian HTML</li>
<li>Tag HTML</li>
</ol>
</li>
<li>Belajar CSS
<ul>
<li>Pengertian CSS</li>
<li>Syntax CSS</li>
</ul>
</li>
<li>Belajar JS</li>
<li>Belajar PHP</li>
<li>Belajar XML</li>
</ol>
</body>
</html>
Baca juga :
Mengatur Posisi Paragraf Dengan HTML Dan CSS
Mengatur Heading Dan Format Text Web Menggunakan HTML
Tutorial Membuat Tabel Di Web Dengan HTML