Membuat List Pada HTML: Belajar HTML Dasar 13
Hallo pembaca setia bakuraid, kali ini bakura akan membahas tentang Membuat List Pada HTML: Belajar HTML Dasar 13 artikel ini menjelaskan tentang penjelasan list dan macamnya serta contoh penggunaannya. Langsung saja saya akan membahasnya.
pada urutanya. Tag pembuka yang dipakai untuk unordered list yaitu <ul> dan tag penutup yang dipakai untuk unordered list yaitu </ul>.
Yang nanatinya masing-masing tag ordered list maupun unorderlist diantara tag pembuka dan tag penutupnya diberi tag <li> sebagai pembuka untuk menuliskan listnya dan diakhiri dengan tag </li> sebagai penutupnya. Mungkin bingung kalo cuma teori langsung saja kita buuat contohnya. Buka text editor kemudian tuliskan atau copy paste kode dibawah ini:
Contoh di atas menggunakan <li> untuk membuat list di HTML. Dapat anda lihat contoh diatas bahwa tampilan ordered list tag <ol> menampilkan daftar list yang diawali dengan huruf atau angka, Sedangkan unordered list <ul> menampilkan daftar list yang diawali dengan titik bulat kecil diawal list. Penggunaan list di HTML tidak sepenuhnya untuk membuat daftar saja, dapat juga digabungkan dengan CSS dan JavaScript untuk membuat menu navigasi pada halaman website.
Membuat List Di HTML
Daftar atau nama kerenya list fungsinya dalam HTML adalah untuk menampilkan data secara berurutan. Dalam bahasa HTML penulisan kode list memakai tag <li>. Untuk membuat list di HTML ini mempunyai dua jenis list yang dapat di pakai yaitu ordered list dan unordered list. Kita akan bahas apa itu ordered list dan apa itu unordered list.Ordered List
Ordered list berfungsi untuk menampilkan daftar list dalam bentuk huruf ataupun angka pada urutanya. Tag pembuka yang dipakai untuk ordered list ini yaitu <ol> dan tag penutup yang dipakai untuk ordered list yaitu </ol>.Unordered List
Unordered list berfungsi untuk menampilkan daftar list dalam bentuk bulatan atau kotakpada urutanya. Tag pembuka yang dipakai untuk unordered list yaitu <ul> dan tag penutup yang dipakai untuk unordered list yaitu </ul>.
Yang nanatinya masing-masing tag ordered list maupun unorderlist diantara tag pembuka dan tag penutupnya diberi tag <li> sebagai pembuka untuk menuliskan listnya dan diakhiri dengan tag </li> sebagai penutupnya. Mungkin bingung kalo cuma teori langsung saja kita buuat contohnya. Buka text editor kemudian tuliskan atau copy paste kode dibawah ini:
<!DOCTYPE html>
<html>
<head>
<title>Belajar List HTML</title>
</head>
<body>
<h1>Contoh Ordered List</h1>
<ol>
<li>Belajar HTML</li>
<li>Belajar CSS</li>
<li>Belajar PHP</li>
</ol>
<h1>Contoh Unordered List</h1>
<ul>
<li>Belajar HTML</li>
<li>Belajar CSS</li>
<li>Belajar PHP</li>
</ul>
</body>
</html>Contoh di atas menggunakan <li> untuk membuat list di HTML. Dapat anda lihat contoh diatas bahwa tampilan ordered list tag <ol> menampilkan daftar list yang diawali dengan huruf atau angka, Sedangkan unordered list <ul> menampilkan daftar list yang diawali dengan titik bulat kecil diawal list. Penggunaan list di HTML tidak sepenuhnya untuk membuat daftar saja, dapat juga digabungkan dengan CSS dan JavaScript untuk membuat menu navigasi pada halaman website.
Kesimpulan dari artikel ini adalah list dibagi menjadi dua yaitu ordered list digunakan untuk list angka atau huruf dan unordered list digunakan untuk list simbol, sedangkan untuk membuat daftar listnya menggunakan tag pembuka <li> dan ditutup dengan </li>, list juga dapat digunakan untuk membuat menu navigasi yang cantik dan menarik dengan cara mengkombinasikan dengan CSS dan JavaScript.
Sekian artikel kali ini tentang Membuat List Pada HTML: Belajar HTML Dasar 13 semoga bermanfaat dan mudah dipahami serta dapat membantu anda dalam belajar tentang HTML. Bakura mengucapkan terimakasih atas kunjunganya silahkan cari artikel lain diblog ini.
Sekian artikel kali ini tentang Membuat List Pada HTML: Belajar HTML Dasar 13 semoga bermanfaat dan mudah dipahami serta dapat membantu anda dalam belajar tentang HTML. Bakura mengucapkan terimakasih atas kunjunganya silahkan cari artikel lain diblog ini.
0 Response to "Membuat List Pada HTML: Belajar HTML Dasar 13"
Posting Komentar