Cara Membuat Daftar/List di Hotel Melati dengan HTML

Kali ini saya akan membagikan artikel  bagaimana cara membuat Daftar/List di HTML

Seperti List fasilitas yang saya buat dalam web hotel melati di bawah ini

Untuk membuat tampilan web hotel melati saya menggunakan kode tag html yaitu :

·         Tag berurutan (ordered list) yang akan ditampilkan dengan angka atau huruf,

Ordered list menggunakan tag <ol>

·         tag tidak berurutan (unordered list) akan ditampilkan dengan bulatan atau kotak.

UnOrdered list menggunakan tag <ul> sedangkan untuk list sendiri menggunakan <li>

Langsung saja agar lebih jelas saya akan memberikan contoh kode HTML untuk membuat ordered list dan unordered list.

1.       Ordered List

Ordered List adalah List dimana item yang ada didalamnya memiliki nomor urutan. penggunaan ordered list dimulai dengan tag <ol> dan diakhiri tag </ol> dan didalamnya terdapat tag <li> sebagai list item.

Berikut ini adalah kode HTML ordered list untuk List Fasilitas di Hotel Melati.

 

2.       Unordered List

Unordered List adalah list dimana item yang ada di dalamnya tidak di beri nomor melainkan tampil sembarangan. penggunaan Unordered list dimulai dengan tag <ul> dan diakhiri tag </ul> dan didalamnya terdapat tag <li> sebagai list item.

kode HTML unordered list untuk List Room type di Hotel Melati

Demikian tutorial membuat daftar/list di html yang dapat penulis sampaikan,

Kalian dapat bereksperimen dengan menampilkan list bersarang lebih dari kode di atas, Selamat mencoba. semoga bermanfaat dan mudah untuk dimengerti.