Setelah sekian artikel yang saya share untuk kalian semua dan mudah-mudahan artikel yang kami share untuk kalian semua dapat bermanfaat dan tentunya berguna untuk kalian semua. Pembahasan kita masih masuk kedalam HTML.
Sekarang kita masuk kedalam bagaimana membuat sebuah List pada HTML.
List atau biasa yang dikenal dengan sebutan Daftar merupakan sebuah fungsi yang digunakan dalam menampilkan sebuah data secara berurutan ke bawah. Didalam HTML penulisan list menggunakan tag yaitu <li>. Terdapat dua tampilan List yaitu, Ordered list dan unordered list.
Ordered list yaitu memiliki sebuah fungsi sebagai penampil sebuah daftar list dalam bentuk huruf atau angka. tag yang digunakan adalah <ol>.
Unordered list memiliki sebuah fungsi sebagai penampil daftar list dalam bentuk bulatan atau kotak di awalnya. Tag yang digunakan adalah <ul>.
Contoh dalam Penulisannya.
<!DOCTYPE html>
<html>
<head>
,<title>Berita HCI</title>
</head>
<body>
<ul>
<li>Beritanya Anak Terbaik</li>
<li>Hanyadi Berita HCI</li>
</ul>
</body>
</html>
maksud dari pada contoh di atas yang menggunakan sebuah tag <li> itu adalah sebagai list pada HTML.
Ordered List
Didalam menampilkan sebuah daftar list dan diawali dengan huruf atau angka, berikut kami akan bahas tentang bagaimana penggunaannya.
<!DOCTYPE html>
<html>
<head>
,<title>Berita HCI</title>
</head>
<body>
<ol>
<li>Beritanya Anak Terbaik</li>
<li>Hanyadi Berita HCI</li>
</ol>
</body>
</html>
Unordered list
bentuk titik pada awal list, seperti halnya yang sudah di berikan pada awal penulisannya dengan tag <ul>.
<!DOCTYPE html>
<html>
<head>
,<title>Berita HCI</title>
</head>
<body>
<ul>
<li>Beritanya Anak Terbaik</li>
<li>Hanyadi Berita HCI</li>
</ul>
</body>
</html>
Dengan demikian artinya kalian sudah mampu untuk mempelajari dengan baik dan tentunya dengan sangat penuh hati-hati, semoga artikel yang saya share untuk kalian ini dapat bermanfaat, serta membuat kalian menjadi makin mahir.
Penggunaan List pada HTML tentunya tidak hanya untuk membuat sebuah daftar saja. Dengan kalian menggabungkan CSS, Java Script pada tag listnya maka kalian akan mendapatkan sebuah menu navigasi pada halaman web kalian.
No comments:
Post a Comment