Membuat Postingan Dengan Daftar Berurut

Oleh     : m4ns
Sumber   : Panduan Praktis Membuat Situs Pribadi & Templete Blog
PenerbiT : Mediakita

Mungkin kita pernah melihat postingan pada sebuah blog, postingan tersebut mengandung daftar secara berurut, banyak diantaranya daftar tersebut dibuat dengan tidak beraturan alias acak-acakan. Hal tersebut tidak akan terjadi kalau kita tahu caranya, karena membuat postingan di blog berbeda dengan cara kita mengetik pada MS Word.

Berikut ini akan kami paparkan bagaimana cara kita menulis daftar berurutan, agar daftar tersebut sesuai dengan aturan. Tag-tag yang digunakan untuk membuat daftar berurutan tersebut diantaranya :

• <ol> - </ol>


• <ul> - </ul>


• <li> - </li>

Tag <ol> dan <ul> dipakai untuk membuat daftar (urut). Elemen-elemen dari daftar itu didefinisikan dengan tag <li>. Dengan kata lain, tag <li> membutuhkan tag <ol> atau tag <ul>.

Tag <ol> dipakai untuk daftar yang diterjemahkan dengan angka atau huruf yang berurutan, sedangkan tag &ltul> untuk daftar yang diterjemahkan dengan ballet . Atribut yang dimiliki tag <ol> adalah start dan type, sedankan tag <ul> hanya memiliki atribut type saja.

start

Nilai atribut ini adalah bilangan positif. Apabila diisi, maka daftar dimulai dari angka yang ditentukan oleh nilai atribut ini.

Untuk latihan coba ketik HTML berikut :

<br /><p>
Contoh Daftar Berurutan. Daftar ini dimulai dari angka 4. <p>
<br /><ol start="4"><br />
<li>Ini urutan pertama </li>
<br />
<li>Ini urutan kedua</><br />
<li>Dan ini urutan ketiga</li>
<br /></ol>
<br />

Kode di atas akan tampak seperti berikut :

Contoh Daftar Berurutan. Daftar ini dimulai dari angka 4.

4. Ini urutan pertama


5. Ini urutan kedua
6. Dan ini urutan ketiga

type

Nilai atribut ini apabila dipakai oleh tag <ol> berisikan type dari daftar berurut, apakah daftar tersebut a, b, c, dst. atau i, ii, iii,dst. Nilai dari atrubut ini adalah ; A, a, I, i, atau 1.

Apabila dipakai oleh tag <ul> nilai atribut ini berisikan symbol yang sama dengan apa yang kita tuliskan, misalnya ; circle, disc, atau square.

Coba ketik contoh kode HTML berikut :

<br /><ol type="”a”"><br /> <li>Ini daftar dalam bentuk huruf</li> <br /> <li>Ini daftar kedua</li> <br /> <ol type="”1”"><br /> <li>Dalam daftar bisa ada daftar lain (tersarang)</li> <br /> <li>Ini daftar kedua yang tersarang</li> <br /> </ol> <br /> <li>Ini daftar ketiga</li> <br /> <ul type="”circle”"><br /> <li>Dalam daftar terurut juga bisa mengandung daftar tak terurut yang tersarang</li> <br /> <ul><br /> <ul type="disc"> <li>Daftar iini memakai type disc</li> </ul> <br /> <li type="”square”">Anda juga dapat memakai atribut type square untuk tag <li></li> <br /></ul> <br /></ul> <br /></ol> <br /><br />

Kode tersebut akan diterjemahkan menjadi :

1. Ini daftar dalam bentuk huruf


2. Ini daftar kedua




1. Dalam daftar bisa ada daftar lain (tersarang)


2. Ini daftar kedua yang tersarang




3. Ini daftar ketiga




• Dalam daftar terurut juga bisa mengandung daftar tak terurut yang tersarang




• Daftar iini memakai type disc


• Anda juga dapat memakai atribut type square untuk tag <li>