Pemrograman HTML5

Bullet and Numbering

Ada dua macam daftar  yaitu daftar  tak berurut (bullet) dan daftar  berurut (numbering).   pertama

•  pertama
•  kedua
•  ketiga

kodenya:
<ul>
<li>pertamali>
<li> keduali>
<li> ketigali>
ul>

ket :

untuk bentuk dari bullet kita dapat menentukan sendiri dengan menambahkan tag type setelah <ul, contoh :

<ul type=”square”>        sebenarnya ada tiga tipe yaitu (disc =    ), (square =    ), dan (circle =   )
<li>pertamali>
<li> keduali>
<li> ketigali>
ul>

Hasilnya

• pertama
•  kedua
•  ketiga

Contoh daftar  berurut (numbering):

1.  pertama
2.  kedua
3.  ketiga

kode sumber untuk daftar  berurut di atas:

<ol>
<li> pertamali>
<li> keduali>
<li> ketigali>
ol>

ket :

untuk bentuk dari bullet kita dapat menentukan sendiri dengan menambahkan tag type setelah <ul  dan tipenya dapat berupa huruf a(a.), a besar(A.), angka romawi (IV), atau angka biasa(1) ,contoh :

<ol type=”I”>
<li> pertamali>
<li> keduali>
<li> ketigali>
ol>

Hasilnya :

        I.      pertama

     II.       kedua

   III.       ketiga

Kita pun dapat membuat daftar  bertingkat atau daftar  di dalam daftar . Contohnya sebagai berikut:

<ul>
<li> pertamali>

<li> keduali>
<ul>
<li>sub  pertamali>
<li>sub  keduali>
<ul>
<li>sub sub  pertamali>
<li>sub sub  keduali>
<li>sub sub  ketigali>
ul>
<li>sub  ketigali>
ul>
<li> ketigali>
ul>

Hasilnya :

·        pertama

·         kedua

o       sub  pertama

o       sub  kedua

§         sub sub  pertama

§         sub sub  kedua

§         sub sub  ketiga

o       sub  ketiga

·        ketiga

Posted in: