Membuat daftar dengan tanda bullet

(Unordered List)

Tag <ul> digunakan untuk membuat sebuah Unordered List yang dapat membentuk tanda bullet dalam suatu daftar atau list. Bentuk bullet yang dapat dipilih pada atribut TYPE , yaitu disc, square dan circle. Setiap teks yang akan dimasukan dalam Unordered list, ditandai dengan Tag <li> di bagian depan teks tersebut.

Contoh :
Apakah pekerjaan Anda saat ini :
<ul>
<li> Direktur
<li> Manager operasional
<li> Karyawan
</ul>
Apakah kendaraan yang Anda gunakan saat ini :
<ul type=square>
<li> Mobil pribadi
<li> Sepeda motor
<li> Kendaraan umum
</ul>
Apakah menu masakan yang Anda suka :
<ul type=circle>
<li> Masakan Padang
<li> Masakan Jawa
<li> Masakan Sunda
</ul>

Hasilnya adalah seperti dibawah ini :

Apakah pekerjaan Anda saat ini :

• Direktur
  
• Manager operasional
  
• Karyawan

Apakah kendaraan yang Anda gunakan saat ini :

• Mobil pribadi
  
• Sepeda motor
  
• Kendaraan umum

Apakah menu masakan yang Anda suka :

• Masakan Padang
  
• Masakan Jawa
  
• Masakan Sunda

Membuat daftar dengan penomoran (Ordered List)

Tag <ol> digunakan untuk membuat sebuah Ordered List yaitu membuat sebuah daftar yang dinomori. Bentuk penomoran yang dapat dipilih pada atribut TYPE, mempunyai lima bentuk penomoran yaitu 1, A, a, i dan I. Setiap teks yang akan dimasukan dalam Ordered list, ditandai dengan Tag <li> di bagian depan teks tersebut.

Contoh :

Apakah pekerjaan Anda saat ini :
<ol>
<li> Direktur
<li> Manager operasional
<li> Karyawan
</ol>
Apakah kendaraan yang Anda gunakan saat ini :
<ol type=A>
<li> Mobil pribadi
<li> Sepeda motor
<li> Kendaraan umum
</ol>
Apakah menu masakan yang Anda suka :
<ol type=i>
<li> Masakan Padang
<li> Masakan Jawa
<li> Masakan Sunda
</ol>
Apakah pekerjaan Anda saat ini :
<ol type=a>
<li> Direktur
<li> Manager operasional
<li> Karyawan
</ol>
Apakah kendaraan yang Anda gunakan saat ini :
<ol type=I>
<li> Mobil pribadi
<li> Sepeda motor
<li> Kendaraan umum
</ol>

Hasilnya adalah seperti di bawah ini

Contoh :
Apakah pekerjaan Anda saat ini :

1. Direktur
   
2. Manager operasional
   
3. Karyawan

Apakah kendaraan yang Anda gunakan saat ini :

1. Mobil pribadi
   
2. Sepeda motor
   
3. Kendaraan umum

Apakah menu masakan yang Anda sukai :

1. Masakan Padang
   
2. Masakan Jawa
   
3. Masakan Sunda

Apakah pekerjaan Anda saat ini :

1. Direktur
   
2. Manager operasional
   
3. Karyawan

Apakah kendaraan yang Anda gunakan saat ini :

1. Mobil pribadi
   
2. Sepeda motor
   
3. Kendaraan umum
   

MEMBUAT FORMAT LIST BERSARANG

Anda juga dapat membuat list bersarang, yaitu ada list di dalam list yang lain. Masing-masing list dapat berupa Unordered List atau Ordered List.

Contoh :
Apakah menu masakan yang Anda sukai :
<ul>
<li> Masakan Padang
<ol type=1>
<li> Nasi ayam goreng
<li> Soto Padang
</ol>
<li> Masakan Jawa
<ol type=a>
<li> Nasi gudeg
<li> Nasi rawon
</ol>
<li> Masakan Sunda
<ol type=I>
<li> Nasi pepes ayam
<li> Nasi karedok
</ol>
</ul>

Hasilnya adalah seperti di bawah ini

Contoh :

Apakah menu masakan yang Anda sukai :

• Masakan Padang
  
  1. Nasi ayam goreng
     
  2. Soto Padang
     
• Masakan Jawa
  
  1. Nasi gudeg
     
  2. Nasi rawon
     
• Masakan Sunda
  
  1. Nasi pepes ayam
     
  2. Nasi karedok