Rabu, 07 Juli 2010

Tutorial HTML - Membuat Listing

Buzz It
Tutorial HTML - Membuat Listing

Tutorial HTML

MEMBUAT LISTING

Membuat Listing


Untuk membuat list (daftar), kita menggunakan tag <LI>. Ada dua jenis list yang dikenal HTML, yaitu unordered list <UL> dan ordered list <OL>.

Contoh penggunaan tag <UL> (unordered list) untuk membuat listing, Formatnya sebagai berikut :


<UL>

<LI> item satu

<LI> item dua

<LI> item tiga

</UL>


Tampilannya seperti ini:

  • item satu

  • item dua

  • item tiga


Sedangkan penggunaan tag <OL> (ordered list) untuk membuat listing, Formatnya sebagai berikut:


<OL>

<LI> bagian satu

<LI> bagian dua

<LI> bagian tiga

</OL>


Tampilannya seperti ini:


  1. bagian satu

  2. bagian dua

  3. bagian tiga


Atribut untuk unordered list <UL> adalah:


Type = disc / square / circle (tipe bullet, default disc).


Sedangkan atribut untuk ordered list <OL> adalah:


Type = 1 / a / A / i / I (tipe penomoran, default 1).


Sekarang kita akan membuat tampilan seperti gambar di bawah ini:




Adapun Kode programnya adalah sebagai berikut:




Selamat Mencoba, dan Sukses untuk Anda.

Sumber : Prktikum Pemrograman WEB - STMIK Mercusuar 2010 | Download Article.



Tidak ada komentar:

Posting Komentar