Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document) | Web Edukasi - Sanabila.com

Home

Daftar Isi

Instagram

Google+

Facebook

Twitter

Contact

Pasang Iklan

Refresh
Loading...

Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document)

Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document) - Pada chapter Sebelumnya kita sudah membahas tentang :
Sekarang kita akan belajar tentang Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document).
Chapter 9. Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document)
Cara Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document)


Membuat Link Navigasi Dalam 1 Halaman (Navigation Within A Document)...

Apakah Anda pernah melihat suatu website yang memiliki sebuah link yang kemudian diarahkan ke halaman yang sama? Seperti contohnya adalah website wikipedia. Bukankah lebih baik untuk dapat mengklik link dan pindah ke daerah lain dalam halaman yang sama? Nah Anda bisa melakukan hal yang serupa. 
Anda akan menggunakan tag anchor link yang normal (<A HREF>). Kita akan memulai membuat link navigasi dalam 1 halaman dengan tanda #. Nah selanjutnya kode ini <a name="name_of_area">text</a> yang akan Anda gunakan sebagai target link tersebut, Kemudian untuk memeanggil objek tulisan yang menjadi target Anda tersebut, Anda bisa menggunakan link ini <a href="#name_of_area">text</a> Contoh:


<a id="#section1">Go To Section 1</a><br>
bla<br>
bla<br>
bla<br>
bla<br>
bla<br>
bla<br>
<a name="section1">Welcome To Section 1!</a>


Go To Section 1
bla
bla
bla
bla
bla
bla


Welcome To Section 1

Selain memanggil objek di halaman yang sama, Anda bahkan juga bisa memanggil suatu objek di halaman yang berbeda. misalkan, jika Anda ingin memanggil index.html dengan objek tulisan section2 dan posisi Anda sekarang berada di about.html, maka Anda bisa menggunakan <a href="index.html#section2"> untuk memanggil objek di index.html#section1.






Share on Google Plus
Written by: Sanabila. com
Sanabila, Updated at: 2/04/2015