Cara Membuat List Atau Daftar Di HTML 5

lebakcyber.net – Pada tutorial kali ini kita akan mempelajari mengenai bagaimana cara membuat list atau daftar di HTML 5.

Terdapat dua jenis list yang dapat digunakan di HTML :

Ordered List : Menampilkan list dengan angka atau huruf
Unordered List : Menampilkan list dengan kotak atau bulatan.

Untuk menampilkan list didalam HTML digunakan tag <ol> untuk menggunakan ordered list, sedangkan untuk menggunakan Unordered List digunakan tag <ol> dan untuk list atau daftarnya sendiri digunakan tag <li>

Contoh Penggunaan Ordered List

<!Doctype html>
<HTML>
<Head>
<Title>Contoh Ordered List Lebakcyber.net</Title>
</head>

<body>
<H1>Daftar Hardware</H1>

<ol>
<li>Hardisk</li>
<li>RAM</li>
<li>Prosesor</li>
<li>VGA</li>
</ol>

</body>
</html>

Simpan file html tersebut dengan nama OrderedListLebakCyber.html lalu coba buka file htmlnya didalam browser, nanti tampilannya akan seperti gambar berikut ini :

Contoh Penggunaan Unordered List

<!Doctype html>

<HTML>

<Head>

<Title>Contoh Ordered List Lebakcyber.net</Title>

</head>

<body>

<H1>Daftar Hardware</H1>

<ul>

<li>Hardisk</li>

<li>RAM</li>

<li>Prosesor</li>

<li>VGA</li>

</ul>

</body>

</html>

Simpan file html tersebut dengan nama UnorderedListLebakCyber.html lalu coba buka file htmlnya didalam browser, nanti tampilannya akan seperti gambar berikut ini :

Seperti itulah cara bagaimana membuat list atau daftar didalam HTML. Baik itu daftar yang menggunakan angka ataupun bulatan disetiap listnya.

Lebak Cyber Tips dan Trik Komputer

Cara Membuat List Atau Daftar Di HTML 5