Penjelasan Tentang list
1)
Pengertian List
List adalah
bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau
grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat
berupa daftar dari makanan dan minuman, beserta harganya. List dapat juga berupa
prosedur (urutan langkah-langkah) dari suatu pekerjaan tertentu, yang sifatnya
harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir.
Contoh
List :
|
Daftar
Makanan :
Daftar
Minuman :
|
1)
Tipe Daftar dalam Dokumen
HTML
Dalam
dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu :
·
Daftar
berurutan (ordered list)
·
Daftar
tidak berututan (unordered list)
·
Daftar
definisi (definition list)
2)
Daftar Berurutan (Ordered
List)
Daftar yang berurutan biasanya ditandai
dengan penggunaan penomoran tertentu. Penomoran ini bias menggunakan angka (1,
2, 3,…) maupun karakter alphabet terntentu (a, b, c,… atau i, ii, iii,…).
Daftar yang berurutan umumnya dipakai untuk item-item yang saling berhubungan
satu sama lain, atau untuk menuliskan langkah-langkah atau prosedur dari
kegiatan terntentu yang tidak dapat dilakukan secara acak.
Contoh daftar yang berurutan adalah pada
cara membuat dokumen HTML, misalnya :
|
Langkah-langkah
membuat dokumen HTML :
|
Untuk membuat suatu daftar yang
berurutan dalam dokumen HTML, digunakan tag <ol> (ordered list), yang
berpasangan dengan tag </ol>. Tag <ol> digunakan untuk memulai
suatu daftar berurutan tertentu, sedangkan </ol> berfungsi untuk
menandakan bahwa daftar tersebut sudah berakhir.
Masing-masing item di dalam daftar harus
dibuat menggunakan tag <li> (list item, yang kemudian perlu ditutup
dengan tag </li>.
Contoh penulisan adalah sebagai berikut
:
|
<ol>
<li>Urutan Pertama</li>
<li>Urutan
Kedua</li>
</ol>
|
Adapun atribut untuk tag <ol>
adalah “type” yang menunjukan jenis penomorannnya. Secara standart, tipenya
adalah menggunakan penomoran 1, 2, 3, 4 dst.
Selain tipe default, tipe lain yang
dapat digunakan untuk keperluan penomoran dalam suatu list adalah :
|
Tipe
|
Keterangan
|
|
A
|
Membuat list dengan penomoran berupa karakter
A, B, C, dst
|
|
a
|
Membuat list dengan penomoran berupa karakter a, b, c, dst
|
|
I
|
Membuat list dengan penomoran berupa karakter I,
II, III, dst
|
|
i
|
Membuat list dengan penomoran berupa karakter i, ii, iii, dst
|
3)
Daftar Tidak Berurutan
(Unordered List)
Daftar yang tidak berurutan adalah
daftar yang item-itemnya dapat diubah posisinya secara acak. Daftar seperti ni
tidak menggunakan penomoran seperti di atas, melainkan hanya dengan menggunakan
tanda atau symbol tertentu, misalnya gambar kotak atau bulat (bullet).
Contoh :
|
Daftar buah :
|
Pada contoh di atas, kita
dapat mengubah/mengacak secara bebas urutan dari masing-masing item yang ada.
Hal ini disebabkan karena setiap item yang ada tidak memiliki keterkaitan satu
sama lain dengan item lainnya, berbeda dengan suatu urutan langkah tertentu
yang harus ditulis secara berurutan.
Untuk membuat suatu daftar yang tidak
berurutan dalam dokumen HTML, digunakan tag <ul> (unordered list), yang
berpasangan dengan tag </ul>. Tag <ul> digunakan untuk memulai
suatu daftar berurutan tertentu, sedangkan </ul> berfungsi untuk
menandakan bahwa daftar tersebut sudah berakhir.
Masing-masing item di dalam daftar harus
dibuat menggunakan tag <li> (list item, yang kemudian perlu ditutup
dengan tag </li>.
Contoh penulisan adalah sebagai berikut
:
|
<ul>
<li>Item satu</li>
<li>Item
dua</li>
</ul>
|
Adapun atribut untuk tag <ul>
adalah “type” yang menunjukan jenis tanda untuk setiap item berupa tanda bulatan
untuk defaultnya..
Selain tipe default, tipe lain yang
dapat digunakan untuk keperluan unordered list adalah :
|
Tipe
|
Keterangan
|
Contoh Penulisan
|
|
Disk
|
Tanda bulatan hitam
|
<ul type=”disk”>
|
|
Circle
|
Tanda bulatan putih
|
<ul type=”circle”>
|
|
Square
|
Tanda kotak
|
<ul type=”square”>
|
4)
Daftar Definisi (Definition
List)
Daftar Definisi adalah suatu daftar yang
berisi kumpulan definisi dari suatu istilah tertentu, misalnya daftar definisi
istilah HTML.
Contoh :
|
HTML
Hyper Text Mark-up Language
WWW
World Wide Web
Browser
Aplikasi untuk membuka dokumen
html/situs web.
|
0 Response to "Penjelasan Tentang list"
Post a Comment