Anda di halaman 1dari 8

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 TYPE = a TYPE = I Membuat daftar berurut dengan huruf besar ( A,B,C,..) Membuat daftar berurut dengan huruf kecil (a,b,c,) Membuat daftar berurut dengan huruf romawi besar (I,II,III,) TYPE = i Membuat daftar berurut dengan huruf romawi kecil (i,ii,iii,) TYPE = 1 START = n Default nilai daftar berurut (1,2,3,) 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 TYPE = circle TYPE = square TYPE = disc Contoh: Fungsi Membuat tanda lingkaran O untuk item Membuat tanda kotak untuk item Membuat tanda cakram untuk item

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 tampilan menjorok ke kanan.

DL DT DD

Mendifinisikan sebuah gambar definisi digunakan untuk mendifinisikan (item) dalam daftar definisi Mendifinisikan deskripsi dalam item dalam daftar definisi

Contoh penggunaan:

Hasil:

B. Praktikum List: 1. Order List

Hasil:

2. Unorder List

Hasil

3. Menu List Buatlah Sintaks HTML, Sehingga menghasilkan tampilan seperti berikut: