Memberi angka/nomor pada sebuah postingan menggunakan script HTML juga bisa lho… mau tahu cara membuat nomor urut menggunakan HTML? Selain itu Tag ini juga dapat kita gunakan untuk mengedit template blog kita. Yang berminat , silahkan anda baca artikel ini, isinya tentang script HTML untuk membuat penomoran.
Tag OL (Orderd List)
Tag OL berfungsi untuk membuat nomor daftar urut. Tag 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 Tag OL harus terdapat beberapa Tag LI.
Sintaks:
<ol start="number" type="A"|"a"|"I"|"i"|"1">………………</ol>
Contoh :
<p><b>Penggunaan tag ol dengan li</b></p>
<ol>
<li>Ini nomor 1</li>
<li>Ini nomor 2</li>
<li>Ini nomor 3</li>
NB: Tag ini digunakan untuk membuat NOMOR (numbering).
Tag UL (Unordered List)
Tag UL berfungsi untuk membuat daftar tanpa nomor urut (dalam format bullet). Tag 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 Tag UL harus terdapat beberapa Tag LI.
Sintaks:
<ul type="circle"|"square"|"disc">………….</ul>
Contoh :
<p><b>Penggunaan tag ul dengan li</b></p>
<ul>
<li>Ini bullet 1</li>
<li>Ini bullet 2</li>
<li>Ini bullet 3</li>
</ul>
NB: Tag ini digunakan untuk member tanda lingkaran (BULLET).
Tag LI (List Item)
Tag LI merupakan isi dari pada daftar. Tag ini harus berada di dalam Tag OL atau UL. Tag 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="A"|"a"|"I"|"i"|"1"|"circle"|"square"|"disc">………………..</li>
Contoh :
<p><b>Gabungan tag ol, ul dan li</b></p>
<ul>
<li>Ini bullet 1</li>
<ol>
<li>Ini nomor 1</li>
<li>Ini nomor 2</li>
</ol>
<li>Ini bullet 2</li>
<ol>
<li>Ini nomor 1</li>
<li>Ini
NB: Tag ini digunakan untuk membuat nomor/tanda setelah Bullet and Numbering.
0 komentar:
Posting Komentar