Guest Book
Guest Book

Thursday, July 7, 2011

HTML Dasar #6


Nah,setelah lama saya vakum gara-gara game,sekarang saya akan memberikan tutorial tentang List.
Tag ordered = <ol>...</ol>,adalah membuat list dengan manggunakan nomor atau huruf. Di dalam tag ini, Anda harus memasukan tag tag list = <li>...</li>. Berikut ini adalah contohnya :

<ol> <li>List item #1</li> <li>List item #2</li> <li>List item #3</li> <li>List item #4</li> </ol>

Setelah di coba di browser,akan nampak sebagai berikut :

  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Tag unordered = <ul>...</ul> hampir sama dengan tag ordered , tetapi akan menggunakan "bullets" atau lingkaran-lingkran kecil sebagai pengganti nomor atau angka.
<ul> <li>List item #1</li> <li>List item #2</li> <li>List item #3</li> <li>List item #4</li> </ul>

Stelah dicoba di browser :
  • List item #1
  • List item #2
  • List item #3
  • List item #4


Tag <ol> mempunyai atribut-atribut di bawah ini :
<OL COMPACT> your list </OL>
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
The COMPACT attribute instructs the browser to reduce the space occupied by the list.
<OL START=number> your list </OL>
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Atribut start memungkinkan untuk membuat urutan tidak harus dari angka satu.
<OL TYPE=type> your list </OL>
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Atribut type yang menggunakan 1.
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Atribut type yang menggunakan a.
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Atribut type yang menggunakan A.
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Atribut type yang menggunakan i.
  1. List item #1
  2. List item #2
  3. List item #3
  4. List item #4
Atribut type yang menggunakan I.


Tag <ul> mempunyai atribut-atribut di bawah ini :
<UL COMPACT> list entries </UL>
  • List item #1
  • List item #2
  • List item #3
  • List item #4
The COMPACT attribute instructs the browser to reduce the space occupied by the list.
<UL type > list entries </UL>
  • List item #1
  • List item #2
  • List item #3
  • List item #4
Tidak menggunakan atribut type.
  • List item #1
  • List item #2
  • List item #3
  • List item #4
Atribut type yang menggunakan Circle.
  • List item #1
  • List item #2
  • List item #3
  • List item #4
Atribut type yang menggunakan Disc.
  • List item #1
  • List item #2
  • List item #3
  • List item #4
Atribut type yang menggunakan Square.


Nah,sekian tutorial tentang list,kalau ada pertanyaan tinggal comment saja :)

0 comments:

Post a Comment