BAB 017 - List

Ada 2 macam bentuk list :

  • <ul> Unordered List, list tidak berurutan atau tidak bernomor
  • <ol> Ordered List, list berurutan atau bernomor

 

<ul> List Tidak Berurutan

Daftar tidak berurutan dimulai dengan Tag <ul>.

Setiap item daftar dimulai dengan Tag <li>

Item daftar akan ditandai dengan peluru (lingkaran hitam kecil) secara default:

Contoh :


Cobalah utak-atik contoh diatas

 

 

list-style-type CSS

Properti list-style-type CSS digunakan untuk mengubah style penanda item daftar.

Ada 4 macam style :

  • disc -> bullet (default)
  • circle -> lingkaran
  • square -> kotak
  • none -> tanpa penanda

Contoh :


Cobalah utak-atik contoh diatas

 

 

<ol> List Berurutan

Daftar yang diurutkan dimulai dengan Tag <ol>.

Setiap item daftar dimulai dengan Tag <li>

Item daftar akan ditandai dengan angka (1,2,3...) secara default:

Contoh :


Cobalah utak-atik contoh diatas

 

 

Atribut Type

Dengan atribut type kita dapat mengubah model penomorannya

Ada 5 macam type, yaitu :

  • type="1" -> Angaka 1,2,3,...
  • type="A" -> Huruf kapital A,B,C,...
  • type="a" Huruf kecil a,b,c,...
  • type="I" Romawi huruf kapital I,II,III,...
  • type="i" Romawi huruf kecil i,ii,iii,...

Contoh :


Cobalah utak-atik contoh diatas

 

 

Atribut start

Secara default, dimulai dari angka 1, dengan atribut start kita dapat mengubahnya.

Contoh


Cobalah utak-atik contoh diatas

 

 

Sub List

Didalam list kita juga bisa membuat Sub List.

Contoh :


Cobalah utak-atik contoh diatas

 


Sebelumnya
BAB 016 - Table
  Berikutnya
BAB 018 - Div

 

(1) Komentar

avatar user

tompi09 Feb 2019

nice tutor ditunggu updatetannnya#goodjob

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Ada 2 macam bentuk list : <ul> Unordered List, list tidak berurutan atau tidak bernomor <ol> Ordered List, list berurutan atau bernomor   <ul> List Tidak Berurutan Daftar tidak berurutan dimulai dengan Tag <ul>. Setiap item daftar dimulai dengan Tag <li> Item daftar akan ditandai dengan peluru (lingkaran hitam kecil) secara default: Contoh : Cobalah utak-atik contoh diatas     list-style-type CSS Properti list-style-type CSS digunakan untuk mengubah style penanda item daftar. Ada 4 macam style : disc -> bullet (default) circle -> lingkaran square -> kotak none -> tanpa penanda Contoh : Cobalah utak-atik contoh diatas     <ol> List Berurutan Daftar yang diurutkan dimulai dengan Tag <ol>. Setiap item daftar dimulai dengan Tag <li> Item daftar akan ditandai dengan angka (1,2,3...) secara default: Contoh : Cobalah utak-atik contoh diatas     Atribut Type Dengan atribut type kita dapat mengubah model penomorannya Ada 5 macam type, yaitu : type="1" -> Angaka 1,2,3,... type="A" -> Huruf kapital A,B,C,... type="a" Huruf kecil a,b,c,... type="I" Romawi huruf kapital I,II,III,... type="i" Romawi huruf kecil i,ii,iii,... Contoh : Cobalah utak-atik contoh diatas     Atribut start Secara default, dimulai dari angka 1, dengan atribut start kita dapat mengubahnya. Contoh Cobalah utak-atik contoh diatas     Sub List Didalam list kita juga bisa membuat Sub List. Contoh : Cobalah utak-atik contoh diatas  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :