Selasa, 04 Oktober 2011

HTML : LIST

LIST

ELEMENT OL (Ordered List)
Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start=”1” type=”1”). Dalam element OL harus beberapa element LI.
Sintaks
<ol type = “I”|”i”|”A”|”a”|”1”>
……………
</ol>

ELEMENT UL (Unordered List)
Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah "circle", "square" dan "disc" . Dalam element UL harus terdapat beberapa element LI.

Sintaks
<UL type= “circle”|”Square”|”Disc”
…………
</UL>

ELEMENT LI (List Item)
Element LI merupakan isi dari pada daftar. Element ini di dalam element OL atau UL.
Sintaks:
<li> ….. </li>

Soal Latihan
<html>
<head>
 <title> Latihan List</title>
</head>
<body>
 Jurusan pada SPITEC
<ol start=”1” type=”1”>
 <li>Web Desain</li>
  <ol type=”A”>
   <li>HTML</li>
   <li> CSS </li>
   <li> Java Script </li>
  </ol>
 <li> Animasi </li>
 <li> Progamming </li>
   <ol type = “a”>
     <li> Visual Basic </li>
     <li> Delphi </li>
     <li> C++ </li>
   </ol>
 <li> Networking </li>
 <li> Desain Grafis </li>
</ol>
</body>
</html>
Hasil :
Hasil Latihan List
Seperti diatas adalah hasilnya, jadi didalam <tag> OL atau UL dapat di berikan <tag> OL atau UL lagi, tetapi hasil pada browser akan otomatis maju atau seperti di tabulasi...

Sekian Postingan kali ini, SEMOGA BERMANFAAT.....

Tidak ada komentar:

Posting Komentar