Dasar HTML: Cara Membuat Daftar/List Pada HTML (Tag ol, ul dan li)
Selanjutnya kita akan mempelajari tentang bagaimana Cara Membuat Daftar atau List pada HTML, kemarin kita pernah menyinggung mengenai Cara Pembuatan Paragraf di HTMLdan sekarang kita akan belajar cara membuat daftar atau list.
 |
| Cara Membuat Daftar/List Pada HTML |
Cara Membuat Daftar atau List Pada HTML
Di dalam daftar data ada yang berurutan dan tidak berurutan, di dalam HTML yang berurutan dinamakan Ordered List dengan Tag <ol> sedangkan yang tidak berurutan dinamakan Unordered List dengan Tag <ul>. Jika kita menggunakan tag <ol> nanti daftar yang akan ditampilkan berupa angka atau huruf secara berurutan, sedangkan kalo kita menggunakan tag <ul> daftar yang akan di tampilkan akan berupa bulatan atau kotak.
Berikut ini adalah contoh kode HTML dalam pembuatan daftar atau list menggunakan ordered list atau tag <ol> :
<!DOCTYPE html>
<html>
<head>
<title>penggunaan tag list </title>
</head>
<body>
<h1>Kategori MamiGoNet</h1>
<ol>
<li>Jaringana</li>
<li>Pemograman</li>
<li>Linux Server</li>
<li>Tutorial</li>
</ol>
</body>
</html>
Di atas merupakan contoh kode HTML menggunakan Ordered List atau tag <ol>dengan hasil sebagai berikut:
Untuk penggunaan Unordered List tinggal anda ganti aja tag <ol> menjadi tag <ul> . berikut ini saya berikan contoh kode HTML dengan Unordered list.
<!DOCTYPE html>
<html>
<head>
<title>penggunaan tag list </title>
</head>
<body>
<h1>Kategori MamiGoNet</h1>
<ul>
<li>Jaringana</li>
<li>Pemograman</li>
<li>Linux Server</li>
<li>Tutorial</li>
</ul>
</body>
</html>
Dari kode HTML di atas hasilnya sebagai berikut :
Mungkin itu saja penggunaan tag list pada HTML semoga bermanfaat jika kalian masih bingung bisa ditanyakan dengan cara berkomentar, admin akan selalu menjawab hal yang anda tanyakan. Terima Kasih
0 Response to "Dasar HTML: Cara Membuat Daftar/List Pada HTML (Tag ol, ul dan li)"
Posting Komentar