Jumat, 04 Mei 2012

Bullet and Numbering pada Dokumen HTML


Bullet and Numbering pada Dokumen HTML


Pada tampilan  dokumen   HTML  terkadang  kita  menginginkan  terlihat  lebih  unik dan terlihat  menarik.  Selain  itu  mungkin  kita  hanya  ingin  memperjelas  informasi tertentu, dalam hal  ini misalnya kita ingin  informasi tersebut diletakan  padapoin- poin  khususatau list-list  khusus.Untuk  membuat poin atau  list tersebut pada   bab   in kita menggunakan  dua  model,  yaitu  Bullet  dan Numbering.  Bullet dan  Numbering  tersebut  merupakan  simbol  atau  karakter  khusus  yang  diletakkan didepan suatu teks tertentu.


Daftar Item dengan Bullet

Pada HTML  untuk  membuat  Bullet  atau  yang  sering  dikenal  dengan  tanda  daftar list, kita   dapat   menggunaka ta <UL>.   Dan   untuk   mengakhiri   penggunaan tag  <UL> diakhi teks   yang  diberi  tanda  bullet  diberika tanda  </UL>.  cara penulisan  pada dokumen HTML dapat dilihat di bawah ini:

Bullet.html

<html>

<head>

<title>pemakaian tag ul</title>

</head>

<body>

<h2>Daftar Nama Ikan :</h2>

<ul>
Louhan<br> Sepat<br> Betok<br> Nila<br> Lele Dumbo

</ul>

********

</body>

</html>


P a d a netscape navigator, jenis bullet dapat ditentukan melalui atribut type pada tag

<li>.   Kemungkina nila untuk   type   diperlihatkan   pada   kode-kode   dan   hasil program berikut :



Bullet2.html

<html>

<head>

<title>pemakaian tag ul</title>

</head>

<body>

<h2>Daftar type li :</h2>

<ul>

<li>hasil li tanpa diberi atribut type</li><br>

<li type="circle">Circle<br>

<li type="disk">Disk<br>

<li type="square">Square<br>

</ul>

********

</body>

</html>



Numbering

Adakalanya  daftar  suatu  item  dikehendaki  agar  ditampilkan  dengan  nomor  urut. Dengan menggunakan  tag  <OL>,  pemberian  nomor  dapat  diotomatiskan  tanpa anda  harus menuliskannya. Untuk lebih jelasnya kerjakan latihan berikut :
Numbering.html

<html>

<head>

<title>pemakaian tag ol</title>

</head>

<body>

<b>Cara Memasak Mie Instant</b>

<ol>

<li>Masak air di panci sampai mendidih<br>

<li>Buka pembukus mie instant<br>

<li>Masukan Mie + bumbu kedalam Panci<br>

<li>Tunggu +- 3 menit<br>

<li>Mie siap dihidangkan

</ol>

</body>

</html>



Daftar Definisi

HTML  menyediakan  jenis  daftakhusus  yang  disebut  daftar  definisi  (definition list).  Dafta ini                              menyediaka tampila denga forma mirip   kamus,   dengan definisi  suatuistilah diletakan agak menjorok ke kanan.
Tiga  buah  pasangan  tag  yang  terkait  dengan  daftar  definisi  dapat  dilihat  pada

tabel berikut :




Tag
Catatan
<DD><DD>
Digunakan untuk menyatakan wadah bagi definisi istilah
<DT>…</DT>
Digunakan  untuk  menyatakan  wadah  bagi  istilah  yang  akan

didefinisikan
<DL>…</DL>
Digunakan untuk menyatakan wadah bagi daftar
◄ Newer Post Older Post ►