Kemaren saya sudah membahas tentang Cara penggunaan HEADING PARAGRAPH dan LINE BREAK dan sekarang saya akan membahas tentang Fungsi List Atau Daftar Pada HTML Dan Contoh Scriptnya , langsung aja ya sobat ..
LIST
List adalah atribut yang digunakan unutk membuat daftar atau sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.
HTML menyediakan 3 cara untuk membuat daftar/list, yaitu :
1. Ordered List
Ordered list digunakan membuat daftar dimana setiap daftarnya memiliki angka atau huruf yang berututan. Ordered list di mulai dengan tag <OL> ...</OL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ).
Berikut adalah TYPE atribut untuk Ordered list dan Unordered list.
Berikut adalah script untuk menggunakan Ordered List.
2. Unordered List
Unordered List digunakan untuk daftar yang di sajikan tampa nomor urut, melainkan dengan tanda dengan secara default dengan tanda bulatan. Tanda ini dirubah dengan merubah nilai atribut TYPE untuk unordered list. nilai - nilai atribut dapat dilihat di tabel yang di atas tadi. Unordered list dimulai dengan tag <UL>...</UL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ).
Berikut adalah script untuk menggunakan Unordered List.
Type lain dari list yang termasuk kedalam tag <UL> atau unordered adalah Directory list dan Menu list.
Directory list merupakan dafrar yang tak bernomor yang digunakan untuk menangani direktori.
Tag yang digunakan adalah <DIR>...</DIR>. Menu list umumnya digunakan untuk menu pilihan. Tag yang digunakan adalah <MENU>...</MENU>. Baik Direktori list ataupun Menu list akan menghasilkan tampilan yang sama dengan Unordered list.
Berikut adalah script untuk menggunakan Directory List.
Berikut adalah script untuk menggunakan Menu List.
3. Definition List
Definition list digunakan untuk membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan. Tiga buah pasangan tag yang terikat dengan definition list adalah :
- <DL>...</DL> untuk menyatakan tempat daftar definisi.
- <DT>...</DT> untuk menyatakan tempat istilah yang akan didefinisikan.
- <DD>...</DD> untuk menyatakan tempat definisi istilah.
Berikut adalah script untuk menggunakan Definition List.
Sekian artikel tentang Fungsi List Atau Daftar Pada HTML Dan Contoh Scriptnya, dan selanjutnya saya akan membahas tentang Penggunaan ( FONT ) Base Font, Horizontal Ruler, Prefornatted Text, dan Blockquote Sekian dari saya T
LIST
List adalah atribut yang digunakan unutk membuat daftar atau sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.
HTML menyediakan 3 cara untuk membuat daftar/list, yaitu :
1. Ordered List
Ordered list digunakan membuat daftar dimana setiap daftarnya memiliki angka atau huruf yang berututan. Ordered list di mulai dengan tag <OL> ...</OL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ).
Berikut adalah TYPE atribut untuk Ordered list dan Unordered list.
Jenis List
|
Atribut
|
Fungsi
|
| Ordered List | Type = 1 | Daftar beruturan dengan menggunakan angka (1,2,3...) |
| Type = I | Daftar berututan dengan menggunakan anggka romawi (I ,II ,III...) | |
| Type = i | Daftar yang berututan menggunakan angka romawi kecil (i, ii, iii ...) | |
| Type = A | Daftar yang berurutan menggunakan abjad besar (A,B,C ...) | |
| Type = a | Daftar yang berurutan menggunakan abjad kecil (a,b,c ...) | |
| Unordered List | Type = circle | Daftar dengan menggunakan tanda lingkaran |
| Type = square | Daftar dengan menggunakan tanda kotak | |
| Type = disk | Daftar dengan menggunakan tanda cakram |
Berikut adalah script untuk menggunakan Ordered List.
<body>
Contoh penggunaan Ordered List.
<OL>
<li> Rampesteam.blogspot.com
<li> Rampes Team
<li> Ordered List
</OL>
</body>
Contoh penggunaan Ordered List.
<OL>
<li> Rampesteam.blogspot.com
<li> Rampes Team
<li> Ordered List
</OL>
</body>
2. Unordered List
Unordered List digunakan untuk daftar yang di sajikan tampa nomor urut, melainkan dengan tanda dengan secara default dengan tanda bulatan. Tanda ini dirubah dengan merubah nilai atribut TYPE untuk unordered list. nilai - nilai atribut dapat dilihat di tabel yang di atas tadi. Unordered list dimulai dengan tag <UL>...</UL>, dan setiap bagiannya menggunakan tag <LI> tampa tag penutup ( </LI> ).
Berikut adalah script untuk menggunakan Unordered List.
<body>
Contoh penggunaan Unordered List.
<UL>
<li> Rampesteam.blogspot.com
<li> Rampes Team
<li> Unordered List
</UL>
</body>
Contoh penggunaan Unordered List.
<UL>
<li> Rampesteam.blogspot.com
<li> Rampes Team
<li> Unordered List
</UL>
</body>
Directory list merupakan dafrar yang tak bernomor yang digunakan untuk menangani direktori.
Tag yang digunakan adalah <DIR>...</DIR>. Menu list umumnya digunakan untuk menu pilihan. Tag yang digunakan adalah <MENU>...</MENU>. Baik Direktori list ataupun Menu list akan menghasilkan tampilan yang sama dengan Unordered list.
Berikut adalah script untuk menggunakan Directory List.
<body>
Contoh penggunaan Directory List.
<DIR>
<li><code> Rampesteam.blogspot.com </code>
<li><code> Rampes Team </code>
<li><code> Directory List </code>
</DIR>
</body>
Contoh penggunaan Directory List.
<DIR>
<li><code> Rampesteam.blogspot.com </code>
<li><code> Rampes Team </code>
<li><code> Directory List </code>
</DIR>
</body>
Berikut adalah script untuk menggunakan Menu List.
<body>
Contoh penggunaan Menu List.
<MENU>
<li> Rampesteam.blogspot.com
<li> Rampes Team
<li> Menu List
</MENU>
</body>
Contoh penggunaan Menu List.
<MENU>
<li> Rampesteam.blogspot.com
<li> Rampes Team
<li> Menu List
</MENU>
</body>
3. Definition List
Definition list digunakan untuk membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan. Tiga buah pasangan tag yang terikat dengan definition list adalah :
- <DL>...</DL> untuk menyatakan tempat daftar definisi.
- <DT>...</DT> untuk menyatakan tempat istilah yang akan didefinisikan.
- <DD>...</DD> untuk menyatakan tempat definisi istilah.
Berikut adalah script untuk menggunakan Definition List.
<body>
<DL>
<DT>Definition list
<DD>Definition list digunakan untuk membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan.
<DT>List
<DD>List adalah atribut yang digunakan unutk membuat daftar atau sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.
</DL>
</body>
<DL>
<DT>Definition list
<DD>Definition list digunakan untuk membuat daftar definisi mirip seperti tampilan pada kamus, dengan definisi suatu istilah agak menjorok ke kanan.
<DT>List
<DD>List adalah atribut yang digunakan unutk membuat daftar atau sub daftar. Secara umum biasanya bentuk list yang sering digunakan adalah seperti Angka, huruf, romawi, titik atau bentuk-bentuk bidang seperti lingkaran, kotak, dll.
</DL>
</body>
Sekian artikel tentang Fungsi List Atau Daftar Pada HTML Dan Contoh Scriptnya, dan selanjutnya saya akan membahas tentang Penggunaan ( FONT ) Base Font, Horizontal Ruler, Prefornatted Text, dan Blockquote Sekian dari saya T
erimakasih :)
$-)
ReplyDelete$-)
Delete:) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p
ReplyDeletetrims gan atas penjelasannya dan udah disertai gambar jadi sangat jelas
ReplyDelete(f)
ReplyDelete:-) :-) :-) :-) [-( [-( [-( [-(
ReplyDeletemembantu
ReplyDeleteMy blog
terima kasih artikelnya... ini sangat bermanfaat untuk saya
ReplyDelete