List HTML – Pengertian, Fungsi Dan Jenis Dan Tutorial List HTML Terlengkap!

Posted on

Unordered List

Unordered list sering disebut sebagai bulleted list, mempunyai bullet default berupa noktah. Jenis bullet bisa diubah, berikut adalah daftar jenis bullet yang bisa digunakan untuk mengubah bullet default pada bulleted list:

disk, bentuk noktah tetapi tidak diarsir di tengahnya
box, bentuk kotak
Untuk mengubah jenis bullet dapat didefinisikan pada atribut type pada tag <ul>, berikut adalah contoh untuk mengubah jenis bullet menjadi kotak <ul type=”box>… </ul>.
Contoh ini mendemonstrasikan berbagai jenis unoredered list.Lihat hasil Gambar dibawah ini:

73

Lihat Source Code

<!-coba_listunordered.html->
<html>
<body>
<h4>Disc bullets list:</h4>
<ul type=”disc”>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>

<h4>Circle bullets list:</h4>
<ul Type=”circle”>
<li>Apples</li>
<li>Bananas</li>
<li>Lemons</li>
<li>Oranges</li>
</ul>

<h4>Square bullets list:</h4>
<ul type=”square”>
<li>Apples</li>
<li>bananas</li>
<li>lemons</li>
<li>Oranges</li>
</ul>
</body>
</html>

Nested List

Bullet dapat digunakan secara bersarang, maksudnya di dalam list ada list lagi.Contoh ini mendemonstrasikan bagaimana membuat list yang bersarang (nested list).Lihat hasil Gambar dibawah ini:

74

Lihat Source Code

< ! – – coba_Hstnested. html – – >
<html>
<body>
<h4>A nested List:</h4>
<ul>
<li>Cof£ee</li>
<li>Tea</li>
<ul>
<li>Black tea</li> <li>Green tea</li>
</ul>
<li>Milk</li>
</ul>
</body>
</html>

Definition List

Contoh ini mendemonstrasikan suatu definition list. Lihat hasil Gambar dibawah ini:

75

Lihat Source Code

<!-coba_listdef .html->
<html>
<body>
<h4>A Definition List:</h4>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
</body>
</html>

Tag-tag List

Tag Awal NN IE w3 Kegunaan
<ol> 3.0 3.0 3.2 Defines an ordered list
<ul> 3.0 3.0 3.2 Defines an unordered list
<li> 3.0 3.0 3.2 Defines a list item
<dl> 3.0 3.0 3.2 Defines a definition list
<dt> 3.0 3.0 3.2 Defines a definition term
<dd> 3.0 3.0 3.2 Defines a definition description
<dir>       Deprecated. Use <ul> instead
<menu>       Deprecated. Use <ul> instead

 

Demikian penjelasan singkat yang bisa admin sampaikan. Semoga artikel ini bisa menambah pengetahuan anda tentang dunia pemograman dan ilmu yang dibagikan dapat bermanfaat bagi pembaca. Sampai bertemu di postingan-postingan selanjutnya..see you ^-^


READ MORE: