Beranda » html » Belajar HTML #part5 membuat list

Belajar HTML #part5 membuat list


Dalam membuat list / dafar di HTML ada 2 pilihan, yaitu harus memilih untuk membuat daftar degan urutan atau daftar degan bentuk/objek. nah di HTML itu di kenal dengan istilan ordered list dan unordered list atau lebih gampangnya <ol> dan <ul>.

  1. Ordered list

    2. <ol> berarti ordered list yang daftar nya nanti akan berbentuk urutan angka huruf dsb. untuk penggunaan , pertama kita buat dulu tag ol

    <ol></ol>

lalu untuk membuat list atau daftarnya kita buat tag li didalamnya

<ol type="i">
		<li>ayam</li>
		<li>kambing</li>
		<li>sapi</li>
		</ol>

dari contoh diatas akan menampilkan urutan otomatis seperti di bawah ini. secara default ol akan menampilkan urutan angka, jadi jika tidak di tentukan type ol nya maka akan menampilkan urutan angka. macam macam type ol ada "A" , "a" , "I" , "i" , "1".
  1. ayam
  2. kambing
  3. sapi

  • Unordered list

    • <ul> sendiri sepertinya sudah jelas yah.. jika ordered list akan menampilkan uruta, maka unordered list ini akan menampilkan icon yang sama . Untuk lebih jelas silahkan cek contoh di bawah ini
    
<ul type="square">
<li>dada</li>
<li>paha</li>
</ul>


    dari contoh diatas akan menghasilkan output sebagai berikut. adapun type-type <ul> selain dari contoh diatas (square) ada juga circle dan disk. jika tidak di tentukan maka secara default akan menampilkan lingkaran hitam.

      • dada
      • paha
    Selain untuk membuat list menurun, tag ul ini kadang juga untuk membuat list inline ( satu baris ) yang biasanya dijadikan sebagai Navigasi (Home, Profile, About, Contact, dsb)

    05.28 - tanpa komentar

    0 komentar untuk Belajar HTML #part5 membuat list.

    Emoticon Emoticon

    Perlihatkan Semua Komentar Tutup Semua Komentar