Cara membuat List di dokumen HTML

Selamat siang. kali ini saya akan berbagi ilmu cara membuat List di dokumen HTML, List yang ada di dokumen HTML terdiri dari tag <ol> atau <ul> dan <li>.


  • Tag <ol> adalah tag ordered list yang menggunkan jenis list yang berupa angka atau huruf yang berurutan, seperti a, b, c 1, 2, 3 .
  • Tag <ul> adalah tag unordered list yang menggunakan jenis list berupa bullet atau gambar.
  • Tag <li> adalah tag yang berisi item list yang akan ditampilkan.

Cara membuat list di dokumen HTML dengan mengetik tag <ul> atau <ol> disertai dengan tag penutupnya, lalu ketik tag <li> diantara tag <ul> atau <ol>.
Contoh :

Ordered List

<ol>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ol>

Hasil :
  1. List 1
  2. List 2
  3. List 3
Unordered list

<ul>
<li>List 1</li>
<li>List 2</li>
<li>List 3</li>
</ul>

Hasil :
    • List 1
    • List 2
    • List 3
Beberapa Atribut tag OL

atribut digunakan untuk mengubah jenis list yang dipakai. caranya dengan menambahkan tag <ol> dengan atribut dibawah ini:

  1. type="a"
  1. type="A"
Contoh Penulisan :

<ol type="a">

Beberapa Atribut tag UL


  1. type="disc"
  2. type="circle"
  3. type="square"
  4. type="round"
Contoh Penulisan :

<ul type="disc">

Sekian terimakasih telah mengunjungi. Kurang jelas tanyakan saja

Komentar