fungsi tag dt
DESCRIPTION
HTMLTRANSCRIPT
LIST
A. Pengertian List
Informasi dapat disampaikan dengan mudah jika ditampilkan dengan menggunakan
daftar. HTML menyediakan beberapa jenis daftar, yaitu :
Ordered List/Numbered List
Unordered List/Bulleted List
Menu List
Directory List
Definition List
1. Order List
Adalah suatu daftar dimana item-item yang ada dalam daftar memiliki nomor secara urut.
Ordered List dimulai dengan tag awal <OL> dan diakhiri dengan tag </OL>, dan diantara kedua
tag tersebut terdapat tag <LI> yang menyatakan list item.
Mengganti jenis nomor pada tag <OL> beserta fungsi-fungsinya :
Atribut Fungsi
COMPACT Untuk menyatakan bahwa item dalam daftar pendek,
sehingga browser menampilkan dalam bentuk yang
lebih padat
TYPE = A Membuat daftar berurut dengan huruf besar ( A,B,C,..)
TYPE = a Membuat daftar berurut dengan huruf kecil (a,b,c,…)
TYPE = I Membuat daftar berurut dengan huruf romawi besar
(I,II,III,…)
TYPE = i Membuat daftar berurut dengan huruf romawi kecil
(i,ii,iii,…)
TYPE = 1 Default nilai daftar berurut (1,2,3,…)
START = n Menentukan nilai awal dari item dalam daftar, n =
adalah nilai awal
Contoh
Hasil:
2. Unorder List
Adalah daftar dimana urutan item tidak diutamakan. Item-item tampil dalam sembarang
urutan. Setiap item dalam Unordered List biasanya ditandai dengan bulatan, kotak atau
lingkaran. Penggunaan Unordered List diawali dengan tag <UL> dan diakhiri dengan tag </UL>,
dan didalamnya ditandai dengan tag <LI>.
Tambahan atribut pada tag <UL> :
Atribut Fungsi
TYPE = circle Membuat tanda lingkaran O untuk item
TYPE = square Membuat tanda kotak untuk item
TYPE = disc Membuat tanda cakram ● untuk item
Contoh:
Hasil:
3. Menu List
Adalah suatu daftar item yang pendek yang tidak disertai dengan nomor ataupun penanda
item. Menu List menggunakan tag awal <MENU> dan tag akhir </MENU>, didalamnya
menggunakan tag <LI>. Browser secara otomatis akan mengidentifikasi setiap item yang ada
dalam menu list. Menu List biasanya digunakan untuk menampilkan item-item yang mempunyai
link ke page lain. Untuk membuat link ini digunakan tag <A> yang akan membuat link ke
halaman lain. Penggunaan tag <A> adalah <A HREF “page.html”> link ke halaman page.html
</A>.
Contoh:
Hasil:
4. Directory List
Adalah daftar item yang kurang dari 24 karakter (seperti file direktori UNIX atau DOS
yang menggunakan parameter / w). Direktori List menggunakan tag awal <DIR> dan tag akhir
</DIR>. Penggunaan tag <LI> juga diperlukan.
Contoh :
Hasil:
5. Definition List
Adalah suatu jenis daftar khusus yang berbeda jauh dengan daftar-daftar sebelumnya.
Definition List digunakan untuk mendefinisikan atau menjelaskan istilah-istilah yang disebut
juga Glossary List (daftar istilah).
Definition List dinyatakan dengan tag awal <DL> dan tag akhir <M/DL>. Dalam tag tersebut
ada dua bagian, yaitu:
Istilah yang akan didefinisikan, dinyatakan dengan tag tunggal <DT> atau Definition
Term
Definisi dari istilah tersebut dinyatakan dengan tag tunggal <DD> atau Definition Data
Contoh:
Hasil:
6. Kombinasi Tipe List
Kombinasi tipe list diperlukan jika suatu daftar berisi daftar dengan tipe berbeda. Sebagai
contoh, anda mempunyai ordered list yang didalamnya berisi daftar unordered dan data
definition.
Contoh :
Hasil:
7. Mendifinisikan item pada HTML
Penggunaan tag <DL>, <DT>, <DD> untuk menampilkan daftar khusus dengan tampilanmenjorok ke kanan.
DL Mendifinisikan sebuah gambar definisi
DT digunakan untuk mendifinisikan (item) dalam daftar definisi
DD Mendifinisikan deskripsi dalam item dalam daftar definisi