Indo Code: Membuat dan Menggunakan List pada HTML

Untuk membuta list pada HTML terbagi menjadi 3 tipe, yaitu : ordered List, Unordered List, dan Definition List.
Disini akan kita bahas perbedaan Ordered List, Unordered List dan Definition List.
>> Ordered List adalah sebuah list yang di awali dengan angka atau huruf, penggunannya sebagai berikut :

<html>
<body>
<ol>
<li>jeruk</li>
<li>mangga</li>
<li>salak</li>
</ol>
</body>
</html>

dan akan menghasilkan output beikut :

jeruk
mangga
salak

perhatian : saya tidak memasukkan nomor pada list diatas.ini karna <ol> memberitahu browser kalau itu adalah ordered list, sementara untuk menggunakan huruf begini :

<li>jeruk</li>
<li>mangga</li>
<li>salak</li>
</ol>
<body>
<html>

dan akan menghasilkan output beikut :

A. jeruk
B. mangga
C. salak

tipe attributnya begini :
1 menghasilkan 1,2,3...
a menghasilkan a,b,c...
A menghasilkan A,B,C...
i menghasilkan i,ii,iii...
I menghasilkan I,II,III...

>> Unordered List adalah sebuah list yang menggunakan Bullet, contohnya :

<html>
<body>
<ul>

<li>jeruk</li>
<li>mangga</li>
<li>salak</li>
</ul>
</body>
</html>
outputnya adalah :

jeruk
mangga
salak

>> Definition List ini agak berbeda, mari kita lihat contohnya :

<dl>

<dd>The World Wide Web Consortium was created in 1994 to develop

standards and protocols for the World Wide Web.</dd>

<dd>Hypertext Markup Language is the authoring language used to

create documents for the World Wide Web.</dd>

</dl>

</body>
</html>

outputnya seperti ini :

W3C

The World Wide Web Consortium was created in 1994 to develop standards and protocols for the World Wide Web.

HTML

Hypertext Markup Language is the authoring language used to create documents for the World Wide Web.

semoga berguna ya guys, selamat mencoba...

Indo Code

Thursday, April 28, 2016

Membuat dan Menggunakan List pada HTML

No comments:

Post a Comment