Cara Membuat List Dengan HTML

Zona Internetku No Comment December 26, 2018

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

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>

Demikian tutorial singkat mengenai cara membuat sebuah list pada web menggunakan kode 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

Promo Menarik