Make your own free website on Tripod.com
Home
Biodata
HTML
Elemen dan Tag HTML
Memformat HTML(Bag.01)
Memformat HTML(Bag.02)
Table
Menyisipkan Gambar dan Link
E-Mail
Web Browser
Guest Book

Memformat HTML (Bag.02)

  • L I S T (Daftar)

    Salah satu cara yang efektif dan mudah untuk dibaca dalam menyampaikan informasi adalah dengan menggunakan daftar. HTML juga menyediakan beberapa jenis daftar, yaitu :
    • Ordered List / Numbered List (Daftar berurut/daftar dengan nomor atau abjad
    • Unordered List / Bulleted List (Daftar tidak berurut/menggunakan bullet)
    • Menu List (Daftar List)
    • Directory List
    • Definition List (glossary/daftar istilah)

    » Ordered List
    Ordered list adalah suatu daftar dimana item-item yang ada di dalam daftar tersebut memiliki nomor secara berurut. Ordered List dimulai dengan <OL>.....</OL>. Sedangkan untuk menyatakan list item, menggunakan tag <LI>.Berikut ini merupakan contoh penggunaan ordered list :
    <ol>  
      <li>Fakultas Teknik dan Ilmu Komputer</li>
      <li>Fakultas Ekonomi</li>
      <li>Fakultas Desain </li>
      <li>Fakultas Hukum </li>
      <li>Fakultas Sosial Politik </li>
    </ol>  

    Ordered List juga memiliki atribut-atribut yang dapat digunakan untuk mengganti nomor menjadi huruf atau bilangan romawi. Kita juga dapat mengatur nomor awal untu daftar kita.

    Atribut
    Argumen
    Keterangan
    Type
    A
    Daftar dengan huruf besar (A, B,dst)
    a
    Daftar dengan huruf kecil (a, b,dst)
    I
    Daftar dengan huruf romawi besar (I,II,dst)
    i
    Daftar dengan huruf romawi kecil (i,ii,dst)
    1
    Daftar dengan nomor berurut (1,2,dst)
    Start
    x
    X diisi dengan angka/huruf yang akan dijadikan awal daftar

    »Unordered List
    Unordered List adalah suatu daftar dimana urutan tidak diutamakan, jadi item-item dalamdaftar bisa muncul dalam senbarang urutan. Unordered List dimulai dengan tag <UL>...</UL>. Sedang isi daftar menggunakan tag <LI>. Berikut merupakan contoh dari Unordered List :

    <ul>  
      <li>atribut type ="disc"(berupa disk)</li>
      <li>atribut type ="circle"(berupa lingkaran)</li>
      <li>atribut type ="square"(berupa kotak)</li>
    </ul>  

    Untuk daftar yang bertingkat, dapat menggunakan kombinasi dari ordered list dan unordered list. Keduanya dipakai secara bersama-sama untuk membentuk suatu daftar.


    » List Definisi

    List Definisi digunakan untuk mendefinisikan atau menjelaskan istilah-istilah, oleh karena itu disebut juga daftar istilah (glossary list). Terdapat tiga tag yang digunakan untuk menyusunsuatu daftar istilah yaitu sebagai berikut :
    <DL>...</DL>
    Untuk menyatakan list sefinisi
    <DT>
    Istilah yang akan didefinidikan, tag tunggal tanpa penutup
    <DD>
    Definisi dari istilah tersebut, tag tunggal tanpa penutup

Copyright © Atik Indah Widyaningsih
Bandung, Januari 2007
U N I K O M