Hyperlink juga dapat digunakan untuk meloncat ke bagian (section) tertentu dalam halaman web yang sama. bagian yang dituju harus di tandai terlebih dahulu menggunakan atribut ID dalam tag <A>.. Dan untuk meloncat ke bagian yang sudah ditandai, tuliskan nama bagian tersebut dalam atribut HREF dengan diawali karakter "#".
MEMBUAT HYPERLINK DALAM BAGIAN HALAMAN YANG SAMA:
save di : My Documents\LatihanWeb\Bab3\
nama file : bab3d.html
<HTML>
<HEAD>
<TITLE>LATIHAN HYPERLINK KE BAGIAN HALMN YANG SAMA</TITLE>
</HEAD>
<BODY>
Klik bgian yang ingin dituju :
<BR>
<A HREF=#bagian1>Menuju Bagian 1</A>
<BR>
<A HREF=#bagian2>Menuju Bagian 2</A>
<BR>
<A HREF=#bagian3>Menuju Bagian 3</A>
<BR>
<BR>
<HR>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<A ID=bagian1>Bagian Kesatu</A>
<P>Ini adalah bagian kesatu, bagian ini ditandai dengan ID=bagian1 </P>
<HR>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<A ID=bagian2>Bagian Kedua</A>
<P>Ini adalah bagian kedua, bagian ini ditandai dengan ID=bagian2 </P>
<HR>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<A ID=bagian3>Bagian Ketiga</A>
<P>Ini adalah bagian ketiga, bagian ini ditandai dengan ID=bagian3 </P>
<HR>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
</BODY>
</HTML>
0 komentar:
Posting Komentar