Atribut HTML List

  1. › 
  2. ›  ›  › 
  3. Atribut HTML List

Menambahkan atribut pada elemen list

Atribut Ordered List (ol)

  • <ol type = "1">

    • 1.Atribut type=1 

    <ol type = "1">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ol>

    Hasil :

    1. item1
    2. item2
    3. item3
  • <ol type = "I">

    • 2.Atribut type=I 

    <ol type = "I">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ol>

    Hasil :

    1. item1
    2. item2
    3. item3
  • <ol type = "i">

    • 3.Atribut type=i 

    <ol type = "i">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ol>

    Hasil :

    1. item1
    2. item2
    3. item3
  • <ol type = "A">

    • 4.Atribut type=A 

    <ol type = "A">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ol>

    Hasil :

    1. item1
    2. item2
    3. item3
  • <ol type = "a">

    • 5.Atribut type=a 

    <ol type = "a">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ol>

    Hasil :

    1. item1
    2. item2
    3. item3

Atribut pelengkap untuk <ol type=''>

6.Atribut start=" "

Atribut ini khusus untuk melengkapi atribut type pada daftar <ol>
Berfungsi untuk menentukan urutan awal item.

Sehingga jika pada kondisi tertentu, satu elemen daftar dapat dilanjutkan pada elemen daftar berikutnya.
<ol type = "1">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ul>
<!--elemen pertama terputus disini,
namun urutan list dilanjutkan ke elemen berikutnya
dengan menambahkan atribut start. -->
<ol type = "1" start='4'>
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ul>

Hasil :

  1. item1
  2. item2
  3. item3

Elemen list lainnya melanjutkan urutan daftar item.

  1. item1
  2. item2
  3. item3
CATATAN :

Atribut start dapat diterapkan pada semua jenis type termasuk abjad (a/A/I/i).

Atribut Unordered List (ul)

  • <ul type = "square">

    • 1.Atribut type=square 

    <ul type = "square">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ul>

    Hasil :

    • item1
    • item2
    • item3
  • <ul type = "disc"

    • 2.Atribut type=disc 

    <ul type = "disc">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ul>

    Hasil :

    • item1
    • item2
    • item3
  • <ul type = "circle"

    • 3.Atribut type=circle 

    <ul type = "circle">
<li> item1 </li>
<li> item2 </li>
<li> item3 </li>
</ul>

    Hasil :

    • item1
    • item2
    • item3

Komentar

Posting Komentar