Membuat List Di File HTML

Membuat List Di File HTML


BoooMm.. Akhir nya balik ngoding lagi kali ini saya akan membagikan cara membuat lis pada file HTML. Oke Langsung aja tanpa basa-basi kita ke tutorialnya, Ett hampir lupa ni, jangan lupa untuk follow akun sosial media saya di menu bar atas samping tombol home ya. Oke lanjutt.




Woy bang LIST itu apaan sih?, nah kalo masih ada yang nanya ni saya kasih tahu. List berasal dari bahasa Inggris yang berarti “daftar”. Ya, ini memang tidak salah. Namun, dalam konteks internet marketing, list memiliki makna yang jauh lebih luas dari sekadar “daftar”. Jadi intinya list itu untuk membuat daftar dan sebagainya, kalo masih belom mudeng cari aja sendiri di mbah Google, karena disini saya hanya akan ngasih cara untuk membuat list di file HTML. 

List item digunakan untuk mengelompokan data baik berurutan (order list) maupun yang tidak berurutan (unorder list).

Baca Juga: Cara Membuat Link Di File HTML

Order List 
Untuk membuat list terutama nomor (ordered list), kita gunakan tag pembuka <ol> dan penutup </ol>, sedangkan untuk mendata setiap itemnya menggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.
Contoh:
<html>
<head>
<title>Berita Internet1</title>
</head>
<body>
Daftar Hari:<br>
<ol>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>minggu</li>
</ol>
</body>
</html>

Hasil:

Ada beberapa tipe yang bisa digunakan.
<ol type="1">
<ol type="l">
<ol type="i">
<ol type="A">
<ol type="a">
Contoh:
<html>
<head>
<title>Berita Internet1</title>
</head>
<body>
Daftar Hari:<br>
<ol type="i">
<li>Senin</li>
<li>Selasa</li>
</ol>
<ol type="A">
<li>Rabu</li>
<li>Kamis</li>
</ol>
<ol type="a">
<li>Jumat</li>
<li>Sabtu</li>
<li>minggu</li>
</ol>
</body>
</html>

Hasil:


Baca Juga: Port Scanning Cara Mengetahui Port Target


Unordered List
Untuk membuat list tidak terutut nomor (unrdered list), kita gunakan tag pembuka <ul> dan penutup </ul>, sedangkan untuk mendata setiap item nya menggunakan tag <li> sebagai pembuka dan </li> sebagai penutup.
Contoh:
<html>
<head>
<title>Berita Internet1</title>
</head>
<body>
Daftar Hari:<br>
<ul>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jumat</li>
<li>Sabtu</li>
<li>minggu</li>
</ul>
</body>

</html>

Hasil:


Ada 3 tioe yang bisa digunakan square, disc, circle. 
Contoh:
<html>
<head>
<title>Berita Internet1</title>
</head>
<body>
Daftar Hari:<br>
<ul type="square">
<li>Senin</li>
<li>Selasa</li>
</ul>
<ul type="disc">
<li>Rabu</li>
<li>Kamis</li>
</ul>
<ul type="circle">
<li>Jumat</li>
<li>Sabtu</li>
<li>minggu</li>
</ul>
</body>
</html>

Hasil:
Berita Internet1.wordpress
(ALMZ7)
Membuat List Di File HTML Membuat List Di File HTML Reviewed by anim _ers on August 02, 2018 Rating: 5

No comments:

Sponsored

loading...
Powered by Blogger.