Cara membuat List pada daftar menggunakan html

List termasuk atribut yang sering digunakan dalam membuat sebuah daftar ataupun sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.
Dibawah ini saya mencoba memberikan beberapa contoh bentuk list untuk membuat sebuah daftar dengan menggunakan Html, dan untuk membuat List image atau list yang berbentuk gambar, seperti tanda panah, tanda centang, atau list dengan gambar yang lain, akan saya bahas pada tutorial css.
Kali ini kita fokus pada tutorial html terlebih dulu ya.......
silahkan anda perhatikan cara penulisan kodenya.

<h4>List bentuk Angka :</h4>  <ol>  <li>Satu</li>  <li>Dua</li>  <li>Tiga</li>  <li>Empat</li> </ol>	List bentuk Angka : Satu Dua Tiga Empat
<h4>List bentuk Huruf besar:</h4> <ol type="A">  <li>Huruf besar A</li>  <li>Huruf besar B</li>  <li>Huruf besar C</li>  <li>Huruf besar D</li> </ol>	List bentuk Huruf besar: Huruf besar A Huruf besar B Huruf besar C Huruf besar D
<h4>List bentuk Huruf kecil:</h4> <ol type="a">  <li>Huruf kecil a</li>  <li>Huruf kecil b</li>  <li>Huruf kecil c</li>  <li>Huruf kecil d</li> </ol>	List bentuk Huruf kecil: Huruf kecil a Huruf kecil b Huruf kecil c Huruf kecil d
<h4>List bentuk Romawi besar:</h4> <ol type="I">  <li>Romawi besar I</li>  <li>Romawi besar II</li>  <li>Romawi besar III</li>  <li>Romawi besar IV</li> </ol>	List bentuk Romawi besar: Romawi besar I Romawi besar II Romawi besar III Romawi besar IV
<h4>List bentuk Romawi kecil:</h4> <ol type="i">  <li>Romawi kecil i</li>  <li>Romawi kecil ii</li>  <li>Romawi kecil iii</li>  <li>Romawi kecil iv</li> </ol	List bentuk Romawi kecil: Romawi kecil i Romawi kecil ii Romawi kecil iii Romawi kecil iv

<h4>Disc bullets list:</h4> <ul type="disc">  <li>Merah</li>  <li>Kuning</li>  <li>Hijau</li>  <li>Biru</li> </ul>	Disc bullets list: Merah Kuning Hijau Biru
<h4>Circle bullets list:</h4> <ul type="circle">  <li>Merah</li>  <li>Kuning</li>  <li>Hijau</li>  <li>Biru</li> </ul>	Circle bullets list: Merah Kuning Hijau Biru
<h4>Square bullets list:</h4> <ul type="square">  <li>Merah</li>  <li>Kuning</li>  <li>Hijau</li>  <li>Biru</li> </ul>	Square bullets list: Merah Kuning Hijau Biru

<h4>Sub Daftar:</h4> <ul> <li>Buah</li>   <li>Hewan     <ul>     <li>Reptil</li>     <li>Mamalia       <ul>       <li>Sapi</li>       <li>Kambing</li>       </ul>     </li>     </ul>   </li>   <li>Pohon</li> </ul>

Sub Daftar: Buah Hewan Reptil Mamalia Sapi Kambing Pohon

Selamat mencoba dan semoga bermanfaat....
Jangan lupa luangkan waktu untuk beri komentar ya......terima kasih.

Judul: Cara membuat List pada daftar menggunakan html; Ditulis oleh Unknown; Rating Blog: 5 dari 5

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari Blogger Tutorial | SEO | Free Blogger Templates | OOM RIO.com di inbox anda:

Related Posts