Membuat List

Nah, sekarang kita ngebahas pembuatan List yuk.

kita ibaratkan List itu sekumpulan data.
List digunakan memang untuk mengumpulkan data supaya keliatannya lebih rapih. List ada yang berurutan (Ordered List) dan ada juga yang tidak (Unordered List).

Tag elemen untuk List adalah <LI>, sedangkan Ordered List <OL> dan unordered List <UL> , lalu ada lagi yang disebut Definition List <DL> .
Ini contoh List




Oke, ayo kita mulai aja :)



A. UNORDERED LIST <UL>
UNORDERED LIST itu List yang ga berurutan, maksudnya adalah dia ga punya urutan, semua Item List nya dibedain dengan tanda.

Contoh:

<UL>BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</UL>

Secara default, hasilnya akan seperti ini :




Item List nya ditandain sama titik bulat hitam, kaya’ tahi lalet. Itu bisa dirubah dengan atribut TYPE.
TYPE punya 3 value, square, circle, disc.

Kita liat contohnya:

Square

<UL type="square">BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</UL>






Circle

<UL type="circle">BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</UL>







Disc

<UL type="disc">BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</UL>







B. ORDERED LIST <OL>
Nah Ordered List ini mempunyai urutan untuk setiap Item List nya.
Contohnya :

<OL>BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</OL>





Atribut <OL> yang paling banyak digunakan adalah START dan TYPE.
START => karena OL mempunyai urutan, maka Start menentukan dimulai dari nomor/ urutan keberapa.
TYPE => jenis urutannya, misalnya huruf, angka romawi, atau angka biasa.

Contoh :

<OL start="1" type="A">BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</OL>




Sekarang kita rubah Type dan Start nya

<OL start="3" type="a">BUAH
<LI>APEL</LI>
<LI>PISANG</LI>
<LI>ANGGUR</LI>
</OL>







C. DEFINITION LIST <DL>
Definition List sebenarnya gunanya untuk ngebuat "List pengertian" atau semacam pengartian.
Kalo bingung, kita liat aja contohnya. Contohnya gini :

BUAH - BUAHAN :
<DL>
<DT>APEL
<DD>APEL ITU MERAH</DD>
</DT>
<DT>PISANG
<DD>PISANG ITU KUNING</DD>
</DT>
<DT>ANGGUR
<DD>ANGGUR ITU UNGU</DD>
</DT>
</DL>





Beda dengan OL dan UL, DL ga pake <LI> buat List Item nya, tapi pake <DT> atau Definition Term dan penjelasan nya menggunakan <DD> definisi itu sendiri/

Nah itu lah yang namanya List, selanjutnya kita belajar cara membuat Link ya :)