
Pembahasan berikut dilanjutkan dengan bagaimana cara menggunakan grafik dalam halaman web. Tabel merupakan salah satu perintah yang pasti akan dipakai dalam membuat halaman web. Setelah pembahasan tabel, Anda akan mempelajari salah satu bagian terpenting dalam halaman web yang dinamis, yaitu form dan input.
Ordered list digunakan untuk membuat daftar dimana tiap bagiannya memiliki nomor secara berurut. Ordered list dimulai dengan menggunakan tag <OL> dan diakhiri </OL>. Untuk menyatakan tiap bagiannya digunakan tag <LI> dimana tag ini tidak menggunakan penutup.
Contoh:
<HTML>
<HEAD><TITLE>Ordered List</TITLE></HEAD>
<BODY>
Empat besar pemain termahal di dunia
<OL>
<LI>Luis Figo
<LI>Hernan Crespo
<LI>Christian Vieri
<LI>Nicolas Anelka
</OL>
</BODY>
<HTML>

Ketika menggunakan perintah ordered list maka default penomoran adalah 1, 2, 3, …, Anda bisa mengubah nomor tersebut menggunakan atribut TYPE pada tag <OL>.
TYPE = 1 ; daftar berurut dengan nomor 1, 2, 3 (default)TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi besar (I, II, III, IV, …)TYPE = I ; daftar berurut dengan menggunakan bilangan Romawi huruf kecil (i, ii, iii, iv, …)TYPE = A ; daftar berurut dengan menggunakan abjad besar (A, B, C, D, …)TYPE = a ; daftar berurut dengan menggunakan abjad kecil (a, b, c, d, …)Selain mengubah jenis penomoran, HTML juga menyediakan perintah untuk menentukan nilai awal penomoran. Atribut yang digunakan adalah START = n, dimana n adalah nilai awal penomoran.
Contoh:
<HTML>
<HEAD>
<TITLE>OL dengan atribut</TITLE>
</HEAD>
<BODY>
<OL TYPE=A>
<LI>Daftar empat pemain termahal didunia
<OL TYPE=I>
<LI>Luis Figo
<LI>Hernan Crespo
<LI>Christian Vieri
<LI>Nicolas Anelka
</OL>
<LI>Urutan lima sampai delapan
<OL TYPE=1 START=5>
<LI>Denilson
<LI>Gabriel Batigol
<LI>Ronaldo
<LI>Amoroso
</OL>
</OL>
</BODY>
<HTML>

Berbeda dengan ordered list, dalam unordered list tidak dijumpai urutan dalam suatu daftar. Setiap bagian dari unordered list ditandai dengan tanda bullet. Tanda bullet menjadi defaultdalam unordered list. Untuk membuat daftar dengan tanda ini digunakan tag awal <UL> dan tag akhir </UL>. Sama seperti ordered list, untuk tiap-tiap bagian digunakan <LI> tanpa tag penutup.
Contoh:
<HTML>
<HEAD>
<TITLE>Unordered List</TITLE>
</HEAD>
<BODY>
Empat besar Seri-A Liga Indonesia
<UL>
<LI>PSM Makassar
<LI>Pupuk Kaltim
<LI>Persikota
<LI>Persija Pusat
</UL>
</BODY>
<HTML>

Selain default tanda bullet, Anda bisa menggunakan tanda cakram/disk, lingkaran, atau kotak. Caranya dengan menggunakan atribut TYPE pada tag <UL>
Contoh:
<HTML>
<HEAD>
<TITLE>UL dengan atribut</TITLE>
</HEAD>
<BODY>
Klub sepakbola di Jawa Timur
<UL TYPE=square>
<LI>Mitra Surabaya
<LI>Persebaya
<LI>Persija Jember
</UL>
</BODY>
<HTML>

5 Komentar pada Panduan HTML Tingkat Lanjut
Jun 25, 2008
kenapa tulisan dalam HTML kok tidak dapat terbaca
atas tertumpuk-tumpuk
Jun 25, 2008
@Ririf
Maaf yang dimaksud tulisan dimana ya yg tidak bisa terbaca? dan maksudnya apa “atas tertumpuk-tumpuk” ?
Jun 25, 2008
@Ririf
Ya sekarang saya tau yg dimaksud bertumpuk, ternyata pada halaman ini ya? ok sudah saya betulkan, saya minta maaf, ini sebenernya hanya terjadi pada brower IE yang Anda gunakan, sedangkan jika dilihat menggunanan browser Firefox terlihat normal2 saja, btw… terima kasih atas koreksinya.
Jun 25, 2008
terima kasih atas jawaban dan sarannya
Dengan membaca tulisan anda …………bertambah lagi pengetahuan saya
Sukses selalu buat anda
Jul 28, 2008
terima kasih atas ilmu2 yang diberikan,sehingga bermanfaat bagi kami semua
Berikan Komentar
cforms contact form by delicious:days