Membuat Link dalam satu halaman HTML (Anchor Link)

link satu halaman html

Halo para pengunjung berbahagia, Pada kesempatan kali ini saya akan bercerita tentang membuat link dalam satu halaman html atau bisa dikatakan anchor link html. Pada dasarnya link mempunyai arti sama yaitu terkait/bersinambung. Namun, Jenis link ada yang jika di klik berubah halaman atau ganti alamat domain, dan ada juga sebuah link yang jika diklik akan menuju ke beda paragraf  tapi dalam satu halaman html.

link satu halaman htmlOke, kita mulai saja dengan anchor link atau membuat link dalam satu halaman html. apa itu??? Anchor link adalah suatu link dalam satu halaman html yang digunakan untuk artikel yang cukup panjang. Sehingga pembaca tidak perlu men-scroll lama untuk menuju paragraf yang diinginkan. Yang kerap menggunakan adalah wikipedia.org salah satunya. Penjelasan singkat code anchor link html:

<a name=”NamaAnchor”> …. </a>      */ Objek Anchor /*
<a href=”#NamaAnchor”> …. </a>       */ link pemanggil Anchor/*

Anchor link/link dalam satu halaman html menghubungkan suatu tulisan dengan tulisan yang lain dalam satu halaman html yang diberi tag <a> dengan atribut <a name=””>. Dan kode pemanggilnya kita tambahkan tanda “#” untuk tujuan link. Dengan demikian lebih cepat untuk menuju ke paragraf yang diinginkan. Anchor link/link dalam satu halaman html lebih cepat karena tidak reload halaman ulang.

Oke kita liat saja kode html membuat anchor link satu halaman atau membuat link dalam satu halaman html:

<html>
<head>
<head>
<body>
<a href=”#bab2″> Anchor link menuju BAB 2 </a> */link pemanggil</a>
<a name=”bab1″> */bagian yang halaman yang dituju/*
<h2>
BAB I<br>
Belajar membuat link dalam satu halaman html.<br>
Belajar membuat link dalam satu halaman html.<br>
Belajar membuat link dalam satu halaman html .
</h2>
buku
<a href=”#bab1″> Anchor link menuju BAB1 < / a>
<a name= “bab2”>
<h2>
BAB II<br>
Belajar membuat link satu halaman html.<br>
Belajar membuat link satu halaman html.<br>
Belajar membuat link satu halaman html.</h2>
</body>
</html>

Keterangan:

Dari kode html anchor link diatas, jika tulisan “Anchor link menuju BAB 2” diklik, maka akan menuju halaman bab ke 2. Dan jika link “Anchor link menuju BAB 1” diklik  makan akan kembali keatas menuju paragraf/tulisan/isi ke bab 2. Nah sekarang agan2 coba saja kode html membuat link dalam satu halaman html di atas untuk lebih jelasnya. Kopas kode tersebut pada notepad atau text editor lainnya dan simpan dengan nama link-anchor.html. Lalu buka file tersebut dengan mozila firefox atau chrome dan coba klik linknya. Oke…Selamat mencoba membuat link dalam satu halaman HTML.

About Mr.Gng 249 Articles
Si Anak dari Orang Tua tersayang ingin berbagi ilmu dengan harapan bermanfaat bagi orang lain. Situs SeputarTI.Com ini sebagai salah satu media berbagi saya, khususnya dibidang TI. Salam Kenal dari saya... :-)

13 Comments

Leave a Reply

Your email address will not be published.


*