Thursday, April 28, 2016

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 :

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

<html>
<body>
<ol type="A">
<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 :

<html>
<body>
<dl> 
  <dt>W3C</dt> 
    <dd>The World Wide Web Consortium was created in 1994 to develop 
standards and protocols for the World Wide Web.</dd> 
  <dt>HTML</dt> 
    <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...




No comments:

Post a Comment