Thursday, 9 February 2012

Tutorial HTML

Tag Unordered List dan Atributnya

Tag ini merupakan singkatan dari Unordered List, yang berarti daftar yang tidak terurut. Tag ini bekerja bersama dengan Tag <Li>. <UL..> mendefinisikan daftarnya sedangkan <Li> mendefinisikan setiap barang yang ada di daftar tersebut.

Contoh :

Hal yang bisa kamu dapatkan di klikbelajar.com :
<UL>
<LI>Ilmu pengetahuan</LI>
<LI>Hiburan</LI><
<LI>Teman</LI>
<LI>Informasi menarik</LI>
</UL>

akan menghasilkan ...

Hal yang bisa kamu dapatkan di klikbelajar.com :
  • Ilmu pengetahuan
  • Hiburan
  • Teman
  • Informasi menarik

<UL> juga bisa digunakan untuk membuat daftar dari beberapa kategori, seperti contoh berikut :

<UL>
<LI>IPA
      <UL>
           <LI>Fisika
           <LI>Biologi
      </UL>
</LI>
 <LI>IPS
      <UL>
           <LI>Geografi
           <LI>Sosiologi
           <LI>Sejarah
      </UL>
</LI>
</UL>

akan menghasilkan ...


  • IPA

    • Fisika
    • Biologi

  • IPS

    • Geografi
    • Sosiologi
    • Sejarah


TYPE

Atribut ini digunakan untuk menentukan bentuk penanda pada setiap barang yang didaftar. TYPE dibagi menjadi 3, yaitu DISC (lingkaran berisi), CIRCLE (lingkaran kosong), dan SQUARE (persegi)

Contoh DISC :

<UL type="disc">
  <LI>Matematika</LI>
  <LI>Biologi</LI>
  <LI>Sejarah</LI>
</UL>

Tag diatas akan menghasilkan :

  • Matematika
  • Biologi
  • Sejarah

Contoh CIRCLE :

<UL type="circle">
  <LI>Matematika</LI>
  <LI>Biologi</LI>
  <LI>Sejarah</LI>
</UL>

Tag diatas akan menghasilkan :

  • Matematika
  • Biologi
  • Sejarah

Contoh SQUARE :

<UL type="square">
  <LI>Matematika</LI>
  <LI>Biologi</LI>
  <LI>Sejarah</LI>
</UL>

Tag diatas akan menghasilkan :

  • Matematika
  • Biologi
  • Sejarah