Home » , » Cara Membuat Macam-Macam List Atau Daftar Urutan Menggunakan Kode lo, lu dan li

Cara Membuat Macam-Macam List Atau Daftar Urutan Menggunakan Kode lo, lu dan li

Posted by Despul Media on Sabtu, 23 Juli 2016

Dalam membuat list atau daftar urutan di dalam sebuah artikel, akan
lebih bagus jika kita menggunakan list, di blogger sendiri juga
menyediakan list yang bisa kita gunakan, namun di blogger hanya
mempunyai 2 jenis list saja, yaitu list nomor dan list bullet.

macam-macam list


ol (orderded list) di gunakan untuk membuat list nomor maupun huruf, ul di gunakan untuk membuat list seperti bulatan, kotak dll. sedangkan li di gunakan untuk membuat list item yang di gunakan di antara ol ataupun ul.
       Saran artikel : Cara Lengkap Membuat Postingan Di Blogger

Jika kita membutuhkan list selain dari list nomor dan list bullet,
tentu kita harus membuatnya secara manual, nah,, oleh karena itu lah
saya akan membagikan cara membuat daftar urutan atau list selain
dengan ke 2 list yang telah di sediakan oleh blogger, namun di sini
saya juga akan menyisipkan kode list momor dan list bullet. Biar
lengkap aja gitu maksudnya.

1. Cara membuat list Nomor

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>

2. Cara membuat list Nomor dari 6

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol start="6">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>
Nb : jika ingin membuatnya dari angka 4 misalnya, maka tinggal ganti saja angka 6 nya menjadi angka 4

3. Cara membuat list dengan Angka Romawi "I" (I besar)

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol type="I">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>


4. Cara membuat list Angka Romawi dari 6 dengan "I" (I besar)

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol type="I" start="6">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>
Nb : jika ingin membuatnya dari angka 4 misalnya, maka tinggal ganti saja angka 6 nya menjadi angka 4

5. Cara membuat list dengan Angka Romawi "i" (i kecil)

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol type="i">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>


6. Cara membuat list Angka Romawi dari 6 dengan "i" (i kecil)

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol type="i" start="6">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>
Nb : jika ingin membuatnya dari angka 4 misalnya, maka tinggal ganti saja angka 6 nya menjadi angka 4

7. Cara membuat list dengan Huruf "A" (A besar)

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol type="A">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>

8. Cara membuat list dengan "a" (a kecil)

  1. Text 1
  2. Text 2
  3. Text 3
Cara buatnya gini :
<ol type="a">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>

9. Cara membuat list bullet

  • Text 1
  • Text 2
  • Text 3
Cara buatnya gini :
<ol>
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ol>

10. Cara membuat bullet berbentuk lingkaran

  • Text 1
  • Text 2
  • Text 3
Cara buatnya gini :
<ul type="Circle">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ul>

11. Cara membuat bullet berbentuk kotak

  • Text 1
  • Text 2
  • Text 3
Cara buatnya gini :
<ul type="Square">
<li>Text 1</li>
<li>Text 2</li>
<li>Text 3</li>
</ul>

Demikianlah post saya kali ini tentang cara membuat daftar urutan
dengan menggunakan kode ol, ul dan li dengan beberapa model yang pada
dasarnya sama aja sih, hehe,, tapi untuk lebih mudah aja makanya aku
buat seperti ini.

Thanks for reading & sharing Despul Media

Previous
« Prev Post

0 komentar:

Posting Komentar