Belajar HTML (Part 3): HTML Daftar Urutan

Belajar HTML (Part 3): HTML Daftar Urutan

Belajar HTML (Part 1): HTML Dasar | Belajar HTML (Part 2): HTML Formst Teks | Belajar HTML (Part 4): HTML Tabel | Belajar HTML (Part5): HTML Gambar | Belajar HTML (Part 6): HTML Hyperlink | Belajar HTML (Part 7): HTML Form | Belajar HTML (Part 8): HTML Frame

1. Element OL (Orderd List)

Element OL berfungsi untuk membuat nomor daftar urut. Element ini mempunyai attribute yaitu start, dan type. Attribute start berfungsi untuk memberikan nilai awal dari daftar urutan, attribute type berfungsi untuk memilih bentuk daftar urutan yaitu A untuk abjad huruf besar, a untuk abjad huruf kecil, I untuk abjad romawi besar, i untuk abjad romawi kecil, 1 untuk angka decimal (default: start="1" type="1" ). Dalam element OL harus terdapat beberapa element LI.

<ol start="number" type="A"|"a"|"I"|"i"|"1">
........................
</ol>

2. Element UL (Unordered List)

Element UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Element ini mempunyai attribute yaitu type. Attribute type berfungsi untuk memilih bentuk bullet yang digunakan. Nilai dari pada attribute type ini adalah "circle", "square" dan "disc". Dalam element UL harus terdapat beberapa element LI.

<ul type="circle"|"square"|"disc">
..........................
</ul>

3. Element LI (List Item)

Element LI merupakan isi dari pada daftar. Element ini harus berada di dalam element OL atau UL. Element ini mempunyai attribute type dan value. Nilai attribute type adalah A,a,I,i,1,circle,square,disc dan attribute value berisikan nilai nomor urutan dari attribute type.

<li type="A"|"a"|"I"|"i"|"1"|"circle"|"square"|"disc">
..........................
</li>/blockquote>

* http://hans.polinpdg.ac.id/html/

Anda baru saja selesai membaca artikel di EpulJapanese Blog yang berjudul: Belajar HTML (Part 3): HTML Daftar Urutan

dengan URL: http://epuljapaneseblog.blogspot.com/2010/11/belajar-html-part-3-html-daftar-urutan.html

Apabila anda menyukai artikel ini atau merasa bermanfaat silahkan bagikan artikel ini di Facebook, Google+ dan Twitter anda dengan meng-klik tombol-tombol Share yang ada diatas postingan ini.

Dapatkan artikel EpulJapanese Blog terbaru langsung ke email anda. Silahkan masukkan alamat email anda:

Related Post

Belajar HTML

• Belajar HTML (Part 8): HTML Frame
• Belajar HTML (Part 7): HTML Form
• Belajar HTML (Part 6): HTML Hyperlink
• Belajar HTML (Part 5): HTML Gambar
• Belajar HTML (Part 4): HTML Tabel
• Belajar HTML (Part 2): HTML Format Teks
• Belajar HTML (Part 1): HTML Dasar