Sabtu, April 17, 2010

Membuat daftar bertingkat dalam sebuah posting hanya dapat dilakukan pada posting dengan mode "Edit HTML". Daftar bertingkat berfungsi untuk membentuk susunan posting yang memerlukan penomoran (bisa dalam rupa butir) seperti misalnya kalau kita ingin membuat suatu silsilah keluarga atau daftar bertingkat lain yang mengharuskan dibentuk dalam sebuah susunan yang saling berkait. Agar dapat dengan mudah memahami maksud sebuah daftar bertingkat, coba perhatikan contoh di bawah ini :

Contoh Bentuk Daftar Beringkat :

Sate Yang Dijual di Indonesia :
  1. Sate Ayam
    • Ayam Kampung
      • Bumbu Kacang
        • Pedas Sekali
        • Pedas
        • Tidak Pedas
      • Bumbu Kecap
        • Kecap Asin
        • Kecap Manis
        • Kecap Oli
    • Ayam Pedaging
      • Bumbu Kacang
      • Bumbu Kecap
  2. Sate Kambing
    • Matang
      • Bumbu Kecap
      • Bumbu Kacang
    • Setengah Matang
      • Bumbu Kacang
      • Bumbu Kecap
        • Kecap Manis
        • Kecap Asin
  3. Sate Sapi
    • Sapi Kurus
    • Sapi Gemuk
    • Sapi Bengkak
      1. Karena Sakit Ginjal
      2. Disengat Lebah
      3. Disengat Kalajengking
      4. Digebukin orang
  4. Sate Kelinci
  5. Sate Kuda
    • Kuda Kepang
    • Kuda Laut
    • Kuda NIL
    • Kuda Besi

Cara Membuat Daftar Bertingkat :

Untuk membuat daftar bertingkat, kode HTML yang digunakan adalah :
<ol>, </ol> , <ul> , </ul> , <li> dan </li>

Contoh Penulisan Kode HTML Daftar 2 Tingkat :


Judul :
<ol>
<li> Teks-2
<ul>
<li> Teks-1A </li>
<li> Teks-1B </li>
<li> Teks-1C </li>
<li> Teks-1D </li>
<li> Teks-1E </li>
</ul>
</li>
<li> Teks-2
<ul>
<li> Teks-2A </li>
<li> Teks-2B </li>
<li> Teks-2C </li>
<li> Teks-2D </li>
<li> Teks-2E </li>
</ul>
</li>
</ol>

Contoh Penulisan Kode HTML Daftar 3 Tingkat :


Judul :
<ol>
<li> Teks-1
<ul>
<li> Teks-1A
<ol>
<li> Teks-1Aa </li>
<li> Teks-1Ab </li>
<li> Teks-1Ac </li>
</ol>
</li>
<li> Teks-1B
<ol>
<li> Teks-1Ba </li>
<li> Teks-1Ba </li>
<li> Teks-1Bc </li>
</ol>
</li>
</ul>
</li>
<li> Teks-2
<ul>
<li> Teks-2A
<ol>
<li> Teks-2Aa </li>
<li> Teks-2Ab </li>
<li> Teks-2Ac </li>
</ol>
</li>
<li> Teks-2B
<ol>
<li> Teks-2Ba </li>
<li> Teks-2Bb </li>
<li> Teks-2Bc </li>
</ol>
</li>
</ul>
</li>
</ol>

Kode html di atas apabila digunakan di ruang posting harus dibuat dalam bentuk rapat (padat) untuk memperoleh hasil yang standar kecuali apabila ruang posting tidak di setting dengan penggunaan <br /> otomatis. Pembentukan susunan seperti di atas hanyalah untuk mempermudah pemahaman pembaca.
Contoh Penulisan di ruang posting :

<ol><li> Teks< /li><li> teks </li><li> Teks </li></ol>

Penggunaan kode HTML seperti di atas dapat dikembangkan hingga tingkat yang tidak terbatas. Selamat mencoba dan semoga dapat meningkatkan kualitas posting anda !

Related Posts

1 komentar:

  1. makasih tutorialnya teman. semoga blognya tambah keren. thanks

    BalasHapus

 
Tantytm | Edited by | Tanty Template Modification