Salah satu contoh kecil Program Yang
sudah saya pelajari :
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 mendapatkan sintax/kode yang aslinya silahkan hubungi kami Di Email :torajait@gmail.com , atau di NomorHp : 08977616222
Post a Comment