fungsi tag dt

9
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

Upload: etistika-yuwi

Post on 26-Oct-2015

79 views

Category:

Documents


5 download

DESCRIPTION

HTML

TRANSCRIPT

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

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: