Menampilkan Daftar dalam bentuk Bullet { Unordered Lits }
Dafta atua Lits diperlukan untuk menampilkan informasi
yang bersifat berurutan dan biasanya ditampilkan dalam bentuk daftar . Banyak
hal yang dapat disampaikan dari suatu daftar , Misalnya : Daftar Harga , Daftar
Nama Barang , dan masih banyak lagi
caranya
adalah..
yang pertama
anda hirup udara segar dulu selanjutnya mari kita belajar :)
Type
|
Keterangan
|
disc
|
Bentuk Bulat Tapi
Tidak diArsir
|
square
|
Bentuk Kotak
|
circle
|
Bentuk Bulat
diArsir
|
Ini rahasianya
script HTML :
<html>
<body>
<head>
<title>List
Unorder</title>
</head>
<h4>List
Berbentuk disc</h4>
<ul
type="disc">
<li>Apel</li>
<li>Anggur</li>
<li>Lemon</li>
<li>Jeruk</li>
<li>Semangka</li>
<li>Nangka</li>
</ul>
<h4>List
Berbentuk lingkaran</h4>
<ul
type="circle">
<li>Apel</li>
<li>Anggur</li>
<li>Lemon</li>
<li>Jeruk</li>
<li>Semangka</li>
<li>Nangka</li>
</ul>
<h4>List
Berbentuk kotak</h4>
<ul
type="square">
<li>Apel</li>
<li>Anggur</li>
<li>Lemon</li>
<li>Jeruk</li>
<li>Semangka</li>
<li>Nangka</li>
</ul>
</body>
</html>
Kelihatannya memeng rumit sih teman tapi coba dipahami
dengan seksama mana yang akan tampil mana yang merupakan kode - kode HTML, kamu
akan tahu, simpan script ini ke dalam notepad, kemudian simpan dengan nama
Bullets.html , setelah itu coba di buka menggunakan aplikasi browser firefox ,
maka akan tampil bulletsnya .
Selanjutnya
nomor butir-butir yang akan yang akan ditampilkan secara default adalah angka
1,2,3,4,.... dst sampai jumlah semua jumlah butir bahasa ditampilkan semua
dalam lits. Untuk menampilkan hasil tertentu dalam lits, kita kita dpat merubah
nomor orderan lits dengan menggunakan model yang lain, Caranya yaitu dengan
dengan menambahkan atribut type
pada tag <OL> tersebut
. Berikut adalah Type yang digunakan untuk merubah penampilan lits tersebut :
Type
|
Keterangan
|
1
|
Untuk menampilkan
daftar dengan Angka 1,2,3,4, .... dst
|
I
|
Untuk menampilkan
daftar dengan Huruf Romawi Besar
|
i
|
Untuk menampilkan
daftar dengan Huruf Romawi Kecil
|
A
|
Untuk menampilkan
daftar dengan Abjad dengan Huruf Besar
|
a
|
Untuk menampilkan
daftar dengan Abjad dengan Huruf Kecil
|
Ini adalah contoh Penulisanya :
<html>
<body>
<head>
<title>List
Unorder</title>
</head>
<h4> Lits Huruf Romawi Besar
</h4>
<OL type="I ">
<li>Apel</li>
<li>Anggur</li>
<li>Lemon</li>
<li>Jeruk</li>
<li>Semangka</li>
<li>Nangka</li>
</ul>
<h4> Lits Angka 1,2,3,4</h4>
<OL type="1">
<li>Apel</li>
<li>Anggur</li>
<li>Lemon</li>
<li>Jeruk</li>
<li>Semangka</li>
<li>Nangka</li>
</ul>
<h4> Lits Abjad dengan Huruf Besar
</h4>
<OL type="A">
<li>Apel</li>
<li>Anggur</li>
<li>Lemon</li>
<li>Jeruk</li>
<li>Semangka</li>
<li>Nangka</li>
</ul>
</body>
</html>
Untuk menghin dari
copy/paste berlebihan dari pengunjung pada setiap postingan sintax ada yang
kami kurangi dan
kami lebihkan .
Untuk mendapatkan sintax/kode yang aslinya silahkan hubungi kami
Di Email : talentaprogramingcomunity@gmail.com ,
atau di NomorHp : 089662549945 / 082348580613 .
By : Crystian August Valencia
Anda baru saja membaca artikel yang berkategori dengan judul Kode HTML Menampilkan Daftar dalam bentuk Bullet { Unordered Lits } "Alen". Anda bisa bookmark halaman ini dengan URL https://talentaprogramingcomunity1.blogspot.com/2013/03/kode-html-menampilkan-daftar-dalam.html. Terima kasih!
Ditulis oleh:
Unknown - 10 March 2013
Belum ada komentar untuk "Kode HTML Menampilkan Daftar dalam bentuk Bullet { Unordered Lits } "Alen""
Post a Comment