Saturday , July 20 2019
Home / HTML 5 / Cara Membuat List Atau Daftar Di HTML 5

Cara Membuat List Atau Daftar Di HTML 5

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 :

Cara Membuat List Atau Daftar Di HTML 5

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 :

Cara Membuat List Atau Daftar Di HTML 5

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

 

 

 

 

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

Your email address will not be published. Required fields are marked *