Slider

News

3DS Max

After Effect

Blender

Photoshop

Style5[ImagesOnly]

Untuk menguraikan suatu daftar, kita tidak bisa meguraikannya dengan teks biasa karena akan sangat panjang dan memakan tempat lebih banyak. Solusinya, anda dapat membuat tag list atau daftar dengan HTML.
Tag list ini akan membuat suatu item dalam daftar diurai secara rapi kebawah.

Tag list ini mempunyai dua bentuk, yaitu ordered list dan unordered list. Ordered list merupakan list dengan nomor yang berurutan pada setiap item. Sedangkan unordered list akan menguraikan item dari daftar menggunakan bullet atau simbol.

Untuk membuat ordered list carnya adalah sebagai berikut:

  • Mulai tag list dengan <ol>
  • Gunakan tag <li> sebelum menuliskan item list dengan ditutup oleh tag </li>
  • Ulangi langkah no.2 untuk menuliskan setiap item
  • Akhiri seluruh list dengan </ol>.

(uraian diatas menggunakan Unordered list)


Untuk unordered list, caranya hampir sama. Anda hanya harus merubah <ol> dengan <ul>

Ordered List
Secara standar, untuk membuat ordered list adalah sebagai berikut:

<ol>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<ol>


dan jika default, tanpa merubah type listnya maka item akan menggunakan angka dari 1, 2, 3... Dst sejumlah item dalam daftar. Tapi, kitapun bisa merubah nomor dalam list tersebut dengan model angka lain. Misalnya angka romawi dan abjad. Cara mengubahnya tinggal ganti atribut type pada ol dengan model angka yang dikehendaki.
contohnya seperti ini:

<ol type="i">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<ol>


Maka hasilnya akan seperti dibawah:
  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4

Berikut adalah macam-macam type item yang bisa anda gunakan. Bisa anda coba satu-persatu:
Tipe-tipe item yang bisa di pakai
Type Fungsi
a Membuat type item menjadi abjad huruf kecil
A Membuat type item menjadi abjad huruf besar
i Membuat type item menjadi romawi huruf kecil
I Membuat type item menjadi romawi huruf besar

Selain itu, ada juga atribut untuk mendefinisikan nomor awal yg digunakan. Misalnya anda ingin memulai list dari angka 5, maka tambahkan atribut start dengan angka 5. Skripnya:
<ol start="5">......</ol>
Maka hasilnya:
  1. item 1
  2. item 2
  3. item 3
  4. item 4

Unordered List
Sama seperti ordered list, unordered list pun bisa kita ganti tipe itemnya. seperti yang kita tahu, secara default, item yang menyusun unordered list adalah bullet seperti titik besar. untuk menggantinya tinggal ganti atribut type dengan nilai yang anda inginkan. berikut adalah beberapa macam nilai yang bisa anda gunakan untuk unordered list:

Tipe-tipe item yang bisa di pakai
Type Fungsi
cjk-ideographic Membuat type item menjadi huruf cina
circle Membuat type item menjadi bulat
square Membuat type item menjadi kotak
hewbrew Membuat type item menjadi jenis hebrew
armenian Membuat type item menjadi jenis armenian
decimal-leading-zero Membuat type item menjadi bilangan desimal
georgian Membuat type item menjadi jenis georgian
hiragana Membuat type item menjadi jenis hiragana
katakana Membuat type item menjadi jenis katakana
hiragana-iroha Membuat type item menjadi jenis hiragana iroha
inherit Membuat type item menjadi tipe inherit


Contoh list yang menggunakan tipe hiragana:
  • item1
  • item1
  • item1
  • item1 


About Tedi Permana

Blogger, 3D Generalist, Photoshoper dan gamer. Lahir di Tasikmalaya 31 Agustus 1993.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Post a Comment