Membuat Daftar Atau List Dengan HTML

6:24:00 AM

Membuat Daftar Atau List Dengan HTML - Membuat daftar atau list bisa dilakukan dengan tiga macam, yaitu dengan  unordered list, ordered list, definis. Pada kesempatan pagi yang sangat baik ini saya akan menjelaskan ketiga macam pembuatan daftar/list tersebut. Sebelumnya juga saya sudah membuat postingan JavaScript tentang Mematikan Tombol Kanan Mouse Dengan JavaScript 


Berikut adalah ketiga script yang digunakan untuk membuat daftar/list dengan html:
1. Unordered List, Biasanya ditandai dengan pemakaian bullet untuk menandai sebuah item dari list. Bullet adalah karakter tertentu yang berupa karakter symbol. Untuk membuat sebuah list dengan menggunakan sebuah bullet diguakan tag <UL> (Unordered List) sebagai tanda tag awal dan </UL> sebagai tanda tag penutup. Unruk item item diatas harus diawali dengan tag <LI>.
<html>
<head>
<title>Pemrograman Web</title>
</head> 
<body>
<ul>
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li> 
</ul>
</body>
</html>
2. Ordered List, Daftar yang tiap bagiannya disertai dengan penomoran. Ordered list dimulai dengan tag <ol> dan diakhiri dengan tag </ol>. Ordered list memiliki beberapa tipe penomoran yang dapat digunakan.

- COMPACT = render list dalam compact for
- TYPE =A setting mareker menjadi huruf besar
- TYPE =a setting marker menjadi huruf kesil
- TYPE =I setting marker menjadi upercase Roman numerals
- TYPE =i setting marker menjadi lowercase Roman numerals
- TYPE =1 setting marker menjadi nomor
- TYPE =n setting marker mulai dari n

Apabila anda menuliskan atribut type pada tag <ol> maka type tersebut akan dipakai sebagai default dari seluruh item. Namun anda juga dapat memberikan type untuk masing masing item, yaitu dengan memberikan atribut type pada tag <li>. atribut START dipakai pada tag <ol> dan menentukan unutk nomor dari item pertama.
<html>
<head>
<title>Pe,rograman Web</title>
</head> 
<body>
<ol type= A start=3>
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
</body>
</html>
3. Definition List, daftar yang mempunyai keterangan pada item nya. Unutk memakai definisi list anda dapat menggunakan pasangan tag <dl> dan </dl>. tag ini bekerja dibantu oleh tag lainnya, yaitu tag <dt> yang menandakan item yang dijelaskan dan tag <dd> menyatakan definisi dari item.
<html>
<head>
<title>Pemrograman Web</title>
</head> 
<body>
<dl>
<dt>item petama</dt>
<dd>sub item pertama</dd>
<dt>item kedua</dt>
<dd>sub item kedua</dd>
<dt>item ketiga</dt>
<dd>sub item ketiga</dd>
</dl>
</body>
</html>
Silahkan untuk diaplikasikan ke projek yang sedang anda buat, jika menurut anda ini bermanfaat silahkan untuk di share.

Comments

Untuk menyisipkan kode pendek, gunakan <i rel="code"> ... KODE ... </i>
Untuk menyisipkan kode panjang, gunakan <i rel="pre"> ... KODE ... </i>
Untuk menyisipkan gambar, gunakan <i rel="image"> ... URL GAMBAR ... </i>