Saturday, May 19, 2012
Link List HTML
A. LINK HTML
Kelebihan utama dari dokumen HTML adalah kemampuannya untuk memberikan link dari satu
teks dan / atau gambar menuju ke dokumen atau bagian lain dalam suatu dokumen. Browser Web
akan menyorot (“highlight”) teks atau gambar yang diidentifikasi sebagai link dengan warna dan /
atau garis bawah untuk menunjukkan bahwa itu adalah hyperteks link (hyperlink atau link).
- TAG ANCHOR
Tag <A> digunakan untuk membuat suatu link kepada dokumen lain dalam web dengan
menambah atribut “href” sebagai definisi lokasi link. Contoh :
<A HREF=”http://www.microsoft.com”> clik here to show it</A>
Ada tiga jenis link yaitu : Link relatif, Link absolute, Link dalam dokumen yang sama.
- Link Relatif
Digunakan jika membuat suatu link pada page anda ke page lain pada komputer yang sama.
Bila dua page berada pada direktori sama, anda dapat menuliskan nama file html seperti
berikut :
<A HREF = “page_2.html”> Next </A>
- Link Absolut
Digunaka apabila anda membuat link ke page web lain yang berada pada web site lain di
internet. Contoh:
<A HREF = “http://www.mangosoft.com”>Click here if you want to see my home page</A>
- Link ke bagian lain dalam dokumen
Link ini dibuat untuk dokumen yang panjang sekali, sehingga apabila ditampilkan dalam
browser web akan mengharuskan kita melakukan scroll layar berulang-ulang. Navigasi untuk
penelusuran dokumen dapat dimudahkan dengan membuat link antar bagian, dengan menandai
setiap bagian tersebut dengan memberinya nama. Sehingga pada tempat di dalam dokumen
akan ada bagian yang bernama, dan di bagian lainnya dapat diletakkan link untuk menuju ke
bagian-bagian tersebut.
Memberi nama suatu bagian dalam dokumen,
Letakkan kursor pada baris atau teks yang menjadi awal dari bagian tersebut,
Sisipkan nama bagian tersebut dengan: <A NAME= “nama bagian”>
Membuat link yang menuju pada bagian dokumen yang sama dapat dilakukan dengan cara yang
sama seperti link absolut atau relatif, namun nama dokumen dalam link diganti dengan nama
bagian dokumen dengan ditambah tanda # yang ditulis sebelum nama bagian tersebut. Contoh:
<A HREF= “#nama bagian”> Bagian tentang link</A>
Contoh Link.html
________________________________________________________________________________
<HTML>
<HEAD>
</HEAD>
<BODY>
<A NAME="TOP">
<A HREF="#LINK RELATIF">Link relatif</A><BR>
<A HREF="#LINK ABSOLUT">Link Absolut</A><BR>
<A HREF="#LINK WITH NEW WINDOW">Link with New Window</A><BR>
<A HREF="#NO UNDERLINE">Link without underline</A><BR>
</A>
<BR>
<A NAME="LINK RELATIF">
<H1>Link secara relatif, lihat contoh di bawah ini:</H1>
<P>
<A HREF="page_2.html">Klik di sini </A>jika mau ke halaman berikutnya.
</P>
</A>
<A NAME="LINK ABSOLUT">
<H1>Link secara absolut, lihat contoh di bawah ini:</H1>
<P>
Klik <A HREF="http://www.mangosoft.com">my home page</A> if you want to
see my personality.
</P>
</A>
<A NAME="LINK WITH NEW WINDOW">
<H1>Membuat window baru untuk link:</H1>
<P>
Open <A HREF="http://www.mangosoft.com" target="_blank"> my home page</A>
with new window.
</P>
</A>
<A NAME="NO UNDERLINE">
<H1>Membuat link tanpa garis bawah:</H1>
<P>
<A HREF="http://www.mangosoft.com" style=" text-decoration:none">Klik
This Link </A> ,
Looks it's not use underline.
</P>
</A>
<HR>
<A HREF="#TOP"> kembali ke atas</A>
<HR>
</BODY>
</HTML>
________________________________________________________________________________
B. LIST HTML
List merupakan bentuk yang umum yang biasa kita gunakan untuk menguraikan daftar sesuatu, jenisjenis
list dalam HTML adalah:
list tanpa nomor
list dengan nomor
list definisi
Unordered List (List tanpa nomor)
Untuk membuat list tanpa nomor (bulleted list):
- Mulai dengan tag pembuka list <UL>
- Masukkan setiap item list dengan menggunakan tag <LI> kemudian tuliskan itemnya (satu
saja), tag penutup item </LI>
- Ulangi lagi langkah kedua untuk menuliskan item list berikutnya
- Akhiri seluruh list dengan sebuah tag penutup </UL>
Unordered list disebut juga sebagai bulleted list, mempunyai bullet default berupa noktah. Jenis bullet
bisa diubah contohnya dengan mengisi atribut “type” dengan disk atau box.
Ordered List (List dengan nomor)
Untuk list dengan nomor, disebut juga ordered list, tag <UL> dubah dengan <OL>, demikian juga
</UL> diganti dengan </OL>. Nomor item secara default adalah menggunakan angka 1,2,3..dst sampai
dengan sejumlah item dalam list tersebut. Untuk keperluan penyajian tertentu kita dapat mengubah
nomor dalam ordered list dengan model angka yang lain, dengan mengisi atribut “type” pada tag <OL>
Contoh sintaks List HTML
________________________________________________________________________________
<HTML>
<BODY>
<H4>Default Bullets List:</H4>
<UL>
<LI>Gemblonk</LI>
<LI>Combro</LI>
<LI>Lontong</LI>
</UL>
<H4>Disc Bullets List:</H4>
<UL TYPE="disc">
<LI>Gado-gado</LI>
<LI>Ketoprak</LI>
<LI>Pangsit</LI>
</UL>
<H4>Circle Bullets List:</H4>
<UL TYPE="circle">
<LI>Bajigur</LI>
<LI>Sekutenk</LI>
</UL>
<H4>Nested List:</H4>
<UL TYPE="circle">
<LI>Kue Cucur</LI>
<LI>Uli</LI>
<LI>Tape</LI>
<UL TYPE="square">
<LI>Tape Ketan</LI>
<LI>Tape Singkong</LI>
</UL>
<LI>Kue Basah</LI>
</UL>
</BODY>
</HTML>
________________________________________________________________________________
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment