#10 HTML – List

List pada html bisa ditulis dengan 2 tipe yaitu unordered list dan ordered list. List <li> yang menggunakan unordered list ditulis didalam tag <ul></ul>. Berikut contoh penulisan <ul> :

<ul>
  <li>Kopi</li>
  <li>Jus</li>
  <li>Es teh</li>
</ul>

Secara default <ul> pada setiap listnya memiliki bentuk disc, kita bisa mengubah bentuk list dengan menambahkan style attribute pada tag <ul>.

ValueDeskripsi
discitem list berbentuk bullet (default)
circleitem list berbentuk circle
squareitem list berbentuk square
noneitem list tidak ditampilkan
<ul style="list-style-type:circle;">
  <li>Kopi</li>
  <li>Jus</li>
  <li>Es teh</li>
</ul>

Penulisan ordered list hampir sama dengan unordered list hanya tag list <li> dibungkus kedalam tag <ol></ol>. Tag <ol> secara default menggunakan angka sebagai item listnya, untuk merubah list default kita menggunakan attribute type.

TypeDeskripsi
type=”1″List item bertipe angka (default)
type=”A”List item bertipe huruf kapital
type=”a”List item bertipe huruf kecil
type=”I”List item bertipe romawi besar
type=”i” List item bertipe romawi kecil

Contoh penulisan ordered list beserta type attribute :

<ol type="A">
  <li>Kopi</li>
  <li>Jus</li>
  <li>Es teh</li>
</ol>

Tinggalkan sebuah komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *