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....

TRIK-TRIK TUTORIAL BLOG

DAFTAR HARGA FORMAT TRANSAKSI CARA BUAT TEXT CARA BUAT DAFTAR ISI CARA BUAT KODE WARNA LENGKAP DI BLOG CARA BUAT LIST PADA HTML TOMBOL SHARE VOUCHER GAME PPOB CARA MEMBUAT EFEK PADA KOTAK&GAMGAR CARA PASANG TOMBOL SHARE TOKON PLN HIBURAN MEMBUAT KODE WARNA HTML CARA BUAT KODE WARNA LENGKAP DI BLOG MEMBUAT SIDEDAR MENJADI DUA KOLOM MEMBUAT EFEK PADA KOTAK DAN GAMBAR MEMBUAT JAM DAFTAR POSTINGAN TERBARU DAFTAR ISI POSTINGAN MENGGANTI BACKGROUND HALAMAN POSTINGAN CARA BUAT LIST PADA HMTL CARA MEMBUAT EFEK CURSOR MOUSE MEMASANG YOU TUBE DI BLOG MEMBUAT MENU MULTI TAB DI BLOG" MEMBUAT SIDEBAR MENJADI DUA KOLOM MEMBUAT MULTI FOTTER EMPAT KOLOM CARA MENGGANTI LOGO B DI BLOG CARA MEMBUAT TAG CLOUD MEMBUAT LEBEL ANIMASI DAFTAR POSTINGAN TERBARU