Senin, 17 April 2017

List

Terdapat tiga tipe list (daftar) yang dapat digunakan, yaitu :

List dengan definisi tertentu (Definition List)
1.      Unordered Lists: <UL> List yang tidak terurut untuk membuat daftar item dengan tanda bullet, setiap  teks yang akan dimasukan kedalam list, diberi tanda Tag <LI> (list Item).
Contoh :
html>
<head> 
   <title> Letakkan judul situs di sini </title>
 </head> 
 <body> 
<UL>
<LI> Item nomer 1 </LI>
<LI> Item nomer 2 </LI>
<LI> Item nomer 3 </LI>
</UL>
</body>
</html>

Hasil dari kode di atas adalah:


 Ada bentuk yang dapat dipilih pada atribut type, yaitu  
  • square (kotak), 
Contoh :

<html>
<head> 
   <title> Letakkan judul situs di sini </title>
 </head> 
 <body> 
<UL COMPACT TYPE=square>
<LI> Item nomer 1 </LI>
<LI> Item nomer 2 </LI>
<LI> Item nomer 3 </LI>
</UL>
</body>
</html>

Hasil dari kode di atas adalah:


  •  circle (lingkaran).
         Contoh :

<html>
<head> 
   <title> Letakkan judul situs di sini </title>
 </head> 
 <body> 
<UL COMPACT TYPE=circle>
<LI> Item nomer 1 </LI>
<LI> Item nomer 2 </LI>
<LI> Item nomer 3 </LI>
</UL>
</body>
</html>

Hasil dari kode di atas adalah:




2.  Ordered Lists: <OL> List Terurut yang di nomori
    Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.
Untuk TYPE penomoran Anda dapat menggunakan lima jenis penomoran, yaitu:
1
Default numbers, 1, 2, 3, etc.
A
Huruf besar. A, B, C, etc.
a
Huruf kecil. a, b, c, etc.
I
Romawi huruf besar. I, II, III, etc.
i
Romawi huruf kecil , i, ii, iii, etc.



Contoh :
<html>
<head> 
   <title> Letakkan judul situs di sini </title>
 </head> 
 <body> 
<OL TYPE=I>
<LI> Item nomer 1 </LI>
<LI> Item nomer 2 </LI>
<LI> Item nomer 3 </LI>
</OL>
</body>
</html>
Hasil dari kode di atas adalah :



3.      Definition Lists: <DL> digunakan untuk membuat sebuah Definition List.  Definition list terdiri dari 2 bagian, yaitu bagian Tema (Definition Term) dan definisinya (Definition Description)
Contoh :

<html>
<head> 
   <title> Letakkan judul situs di sini </title>
 </head> 
 <body> 
<DL>
<DT> Item nomer 1 </DT>
<DD> Item nomer 2 </DD>
<DT> Item nomer 3 </DT>
<DD> Item nomer 4 </DD>
</DL>
</body>
</html>

Hasil dari kode di atas adalah:








0 komentar:

Posting Komentar