Kali ini saya akan membagikan tutorial bagaimana cara membuat daftar urut atau biasanya lebih diketahui dengan sebutan bullet atau numberin. Lalu bagaimana caranya? Langsung saja kita pelajari dasar-dasarnya dulu
ELEMENT
OL (Orderd List)
Element OL berfungsi untuk membuat nomor dalam daftar urut. Element ini mempunyai beberapa attribute yaitu start, dan type. Attribute start memiliki fungsi untuk memberi nilai awal dari daftar urut, attribute type berfungsi untuk memilih bentuk daftar urut 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.
Sintaks:
<ol start="number" type="x ">
........................
</ol>
Element OL berfungsi untuk membuat nomor dalam daftar urut. Element ini mempunyai beberapa attribute yaitu start, dan type. Attribute start memiliki fungsi untuk memberi nilai awal dari daftar urut, attribute type berfungsi untuk memilih bentuk daftar urut 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.
Sintaks:
<ol start="number" type="x ">
........................
</ol>
X=
"A"|"a"|"I"|"i"|"1"
ELEMENT
UL (Unordered List)
Element UL memiliki fungsi untuk membuat daftar tanpa nomor urut (bullet atau simbol). 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.
Sintaks:
<ul type="x ">
..........................
</ul>
Element UL memiliki fungsi untuk membuat daftar tanpa nomor urut (bullet atau simbol). 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.
Sintaks:
<ul type="x ">
..........................
</ul>
X="circle"|"square"|"disc"
ELEMENT LI (List Item)
Element LI merupakan isi 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.
Sintaks:
<li type="x ">
..........................
</li>
ELEMENT LI (List Item)
Element LI merupakan isi 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.
Sintaks:
<li type="x ">
..........................
</li>
X="A"|"a"|"I"|"i"|"1"|"circle"|"square"|"disc"
Untuk mempermudah pemahaman, silahkan pelajari
script berikut dengan copy dan simpan dengan nama terserah anda (jangan
lupa tambahkan ekstensi .html) lalu
jalankan dengan web browser.
<html>
<head>
<title>Belajar membuat daftar urut</title>
</head>
<body>
Daftar belanja:
<ol>
<li>Beras</li>
<li>Gula</li>
<li>Teh</li>
<li>Kopi</li>
<li>Minyak </li>
</ol>
</body>
</html>
<head>
<title>Belajar membuat daftar urut</title>
</head>
<body>
Daftar belanja:
<ol>
<li>Beras</li>
<li>Gula</li>
<li>Teh</li>
<li>Kopi</li>
<li>Minyak </li>
</ol>
</body>
</html>
Sekian untuk materi kali ini, selamat belajar dan mencoba. Terima kasih ^_^
0 komentar:
Posting Komentar