Langsung aja baca cara mebuat daftar di blog.
CONTOH:
- Makanan
- Minuman
- Pakaian
Untuk membuat daftar yang seperti contoh maka kita menyisipkan kode HTML daftar, kode HTMLnya<ol>ditutup dengan</ol>, dan untuk poin daftarnya dengan kode
<li>ditutup dengan</li>
Contoh pengetikannya
<ol>
<li>Faiz</li>
<li>Mei</li>
<li>Khoerul</li>
</ol>
Hasilnya
- Faiz
- Mei
- Khoerul
HTML daftar (<ol>...</ol> untuk menampilkan urutan daftar. Kalau ingin memulai dengan urutan dari ke 4 (biasanya digunakan untuk postingan yang bersambung), maka kita menyisipkan atribut start="4"
Contoh pengetikannya;
<ol start="4">
<li>Yuliana</li>
<li>Rizal</li>
<li>Afrie</li>
</ol>
Hasilnya
- Yuliana
- Rizal
- Afrie
Kalau kita ingin merubah type urutan lain, misalnya dengan;
A. B. C....dst (hruf besar)
a. b. c...dst (huruf kecil)
I. II. III...dst (Romawi besar)
i. ii. iii...dst (Romawi kecil)
Maka kita menyisipkan;
type="A"
type="a"
type="I"
type="i"
Contoh pengetikannya;
<ol type="A">
<li>Makanan</li>
<li>Minuman</li>
<li>Pakaian</li>
</ol>
Hasilnya
- Makanan
- Minuman
- Pakaian
Saya bilang dari awal kalau kode HTML daftar (<ol>...</ol> adalah untuk menampilkan daftar dgn urutan (seperti contoh diatas)
Dan untuk menampilkan daftar dengan poin kita ganti dengan <ul>...</ul>
contoh pengetikannya;
<ul>
<li>Pintar</li>
<li>Cerdas</li>
<li>Beruntung</li>
</ul>
Hasilnya
Untuk membuat daftar poin dengan type yang lain maka kita sisipkan;
type="square"
type="disc"
type="circle"
Contoh pengetikannya;
<ul type="square">
<li>Makanan</li>
<li>Minuman</li>
<li>Pakaian</li>
</ul>
Hasilnya
Contoh berikut adalah daftar dengan uraian beberapa poin
<ol>
<li>Makanan<ul type="square">
<li>Pokok</li>
</ul></li>
<li>Minuman<ul>
<li>Panas</li>
<li>Dingin</li>
</ul></li>
<li>Pakaian. <ul>
<li>Pria</li>
<li>Wanita</li>
</ul></li>
</ol>
Hasilnya
- Makanan
- Minuman
- Pakaian