Session 7: Lists, Lists, Lists
LIST UNORDERED...
List yang tidak bernomor adalah pertama dari tiga type list . Mungkin jenis ini list yang paling banyak anda gunakan .
Contoh list Unordered...
- pensil
- bulpoin
- penghapus
- kertas
- lem
<ul>
<li>pensil</li>
<li>bulpoin</li>
<li>penghapus</li>
<li>kertas</li>
<li>lem</li>
</ul>
Tag <ul> untuk pembukaan Unordered tag List. Untuk itu, </ul> adalah tag penutupnya. Diantara dua tag yang anda tempatkan pada LIST ITEM , masing-masing mempunyai tag pembuka <li>, dan tag penutup </li>. Tidak ada batasan nomor pada item list yang terdapat pada single list.
LIST ORDERED...
List ORDERED, juga termasuk list nomor, strukturnya sama dengan list UNORDERED, hanya saja mempunyai nomor angka pada masing-masing item. Juga, tag pembuka list <ol> seperti halnya <ul>, dan penutup tag </ol> seperti halnya </ul>. item pada list masih menggunakan tag yang sama .
Contoh list ORDERED...
- pensil
- bulpoin
- penghapus
- kertas
- lem
<ol>
<li>pensil</li>
<li>bulpoin</li>
<li>penghapus</li>
<li>kertas</li>
<li>lem</li>
</ol>
List Definition...
type list ini sedikit menyulitkan, tapi masih sangat gampang untuk digunakan. Ini dimulai dengan tag pembukaan <dl>, dan diakhiri dengan tag penutup</dl>. Ini mempunyai tag <dt> untuk Definition Term, dan <dd> untuk Definition Definition. Tag-tag tersebut tidak memerlukan tag penutup.
Contoh list Definition...
- alliance
- Serikat, relationship, atau hubungan kekeluargaan, pernikahan, atau kepentingan umum.
- alligator
- Besar reptil amphibi dengan taring yang sangat tajam, powerful jaws.
- alliterate
- untuk menyusun atau berbicara dengan memakai kata-kata yang permulaanya sama bunyinya.
berikut HTML kode untuk list Definition List...
<dl>
<dt>alliance
<dd>Serikat, relationship, atau hubungan kekeluargaan, pernikahan,
atau kepentingan umum.
<dt>alligator
<dd>Besar reptil amphibi dengan taring yang sangat tajam, powerful jaws.
<dt>alliterate
<dd>untuk menyusun atau berbicara dengan memakai kata-kata yang
permulaanya sama bunyinya.
</dl>
halama HTML anda...
Tambahkan kode dibawah ini pada halaman home page anda ("Home.htm"): (teks warna biru yang akan ditambahkan)
<html>
<head><title>Home Pageku</title></head>
<body background="bgnd.gif">
<center><font color="Blue"><h1>nama home page anda </h1></font></center>
<hr>
ini adalah home page <a href="mailto:alamat email anda"><img src="bullet.gif" border=0><b>nama anda</b>.<img src="bullet.gif" border=0></a>
<p>Ketikan tentang anda disini. Tentang siapa anda dan apa pekerjaan anda. Ingat, gunakan juga teks tebal dan teks miring, Supaya lebih jelas.</p>
<hr>
<h2>Web site favourite saya</h2>
<br>
<ul>
<li> <a href="http://www.xencon.com">Xenon Web Design</a> </li>
<li> <a href="http://www.microsoft.com">Microsoft</a> </li>
<li> <a href="http://www.jskulit.com">web produsen jaket</a> </li>
<li> <a href="http://www.sybase.co.za">Sybase South Africa</a> </li>
</ul>
</body>
</html>
Simpan file dengan nama "Home.htm".
Session 8
0 komentar:
Posting Komentar