Cara membuat daftar list di html

Bagaimana cara membuat daftar List di HTML ?, daftar list digunakan untuk berbagai hal seperti membuat menu navigasi, membuat daftar urutan kegiatan, dan membuat daftar isi yang ada dalam suatu halaman. untuk membuat daftar list, anda hanya memerlukan Tag pembuka awal <ul> dan diakhiri dengan </ul>, Setelah itu anda memerlukan tambahan tag isi yang berupa <li> dan diakhiri dengan </li>. berikut ini merupakan gambaran penulisan dari tag daftar list.

Penulisan Daftar List dalam HTML

[html]
<ul>
<li>tulisan list satu</li>
</ul>
[/html]

sekarang, kita akan menerapkannya pada file HTML, silahkan buka notepad editor (text editor). dan ketikan kode berikut ini pada file html anda.

<html>
<head>
   <title>Cara membuat daftar list dengan HTML</title>
</head>
<body>
<h3>Daftar Belanjaan yang harus dibawa</h3><br>
<ul>
 <li>Buku daftar List Html</li>
 <li>Kantong bermerk daftar List</li>
 <li>Mobil Baru yang bertuliskan daftar List</li>
</ul>
<br/>
Setelah itu, berikut ini kita akan membuat daftar list dengan menggunakan link.<hr/><br>

Terimakasih sudah berkunjung ke website saya, silahkan pilih salah satu link berikut :<br/>
<ul>
    <li><a href="url yang dituju">Cara membuat daftar list dengan HTML</a></li>
    <li><a href="url yang dituju">create daftar list html</a></li>
    <li><a href="url yang dituju">show list HTML</a></li>
</ul>
<br/><br/>
</body>

</html>

Setelah itu silahkan simpan dengan daftar_list.html, dan buka dengan aplikasi browser kesayangan anda. disini saya akan menggunakan aplikasi browser opera mini. setelah dibuka, kurang lebih tampilannya akan tampak seperti gambar berikut ini.

Pada Gambar tersebut, terlihat 2 buah daftar list. pertama adalah daftar list biasa yang menampilkan daftar belanjaan. dan kedua adalah list yang menggunakan link atau url.

Penjelasan sedikit kode HTML Tersebut :

pada kode HTML Tersebut, kita menggunakan tag <html> sebagai tag awal, dan menggunakan kode tag </html> sebagi penutupnya. disini kita juga membuat judul untuk bagian bar, dimana untuk membuatnya kita menggunakan tag <title> yang diakhiri dengan </title>, dan kode ini ditempatkan pada kode <head>.

Selain itu kita juga menggunakan tag heading yang berarti judul, dimana tag heading yang kita pakai yaitu <h3>. dan kita menggunakan tag daftar list, dimana pembukus awalnya yaitu menggunkan kode <ul> dan didalamnya disimpan tag <li> dan <li>.

Untuk membuat link, maka kita menggunakan tag <a>, yang memiliki atribut href, nah dalam atribut href ini kita bisa menyisipkan url website seperti

“htttps://Kodewebsite.com“.

Itu dia info seputar cara membuat daftar list di HTML, terimakasih sudah berkunjung. salam, semoga bertemu di hari yang menyenangakan.

Leave a Comment Cancel Reply