Selasa, 14 Maret 2017

Membuat List Pada HTML 5

www.w3.org

Membuat List

Tujuan membuat list adalah untuk membuat sebuah daftar.
Penggunaan list digunakan dengan code berikut:

<ol>Untuk membuat format list (untuk dasarnya)<ol>
<ul>Untuk membuat format list yang menggunakan list lagi didalamnya</ul>
<il>Untuk membuat string di dalam daftar tersebut</il>
Contoh:


<ol>
<il><b>Berbagai Peralatan Teknologi Informasi dan Telekomunikasi</b></il>
    <ul>
     <il>Peralatan Telekomunikasi</il>
     <il>Komputer dan Internet</il>
    </ul>
<il><b>Sejarah Teknologi Informasi dan Telekomunikasi</il>
    <ul>
      <il>Sejarah dan Perkembangan Teknologi Komunikasi</il>
    </ul>
</ol>
Result:

    Berbagai Peralatan Teknologi Informasi dan Telekomunikasi
      Peralatan Telekomunikasi Komputer dan Internet
    Sejarah Teknologi Informasi dan Telekomunikasi
      Sejarah dan Perkembangan Teknologi Komunikasi

Membuat style

Berikut adalah Atribut yang digunakan:
    Bulleted
      style="list-style-type: Disc" (Lingkaran bewarna Hitam style="list-style-type: Circle" (Lingkaran bewarna putih) style="list-style-type: Square" (Persegi empat bewarna hitam)
    Numbered
      style="list-style-type: Decimal" (1,2,3,4,..) style="list-style-type: Decimal-leading-zero" (01,02,03,04,...) style="list-style-type: lower-roman" (i,ii,iii,iv,...) style="list-style-type: Upper-roman" (I,II,III,IV,...) style="list-style-type: Lower-alpha" (a,b,c,d,e,...) style="list-style-type: Upper-alpha" (A,B,C,D,E,...) style="list-style-type: None" (Tidak menggunakan apapun:p)
Cara peggunaan nya adalah memasukkan salah satu atribut style tersebut ke dalam tag <ul> ataupun <ol>

Contoh:


<ul style="list-style-type: Decimal"></ul>
<ol style="list-style-type: Decimal"></ul>
Share:

0 komentar:

Posting Komentar

Welcome

Bintang Satria Ikram. Diberdayakan oleh Blogger.

Kontributor