Sabtu, 15 Desember 2012

Cara Membuat Link pada Halaman yang Sama

Pada pembahasan sebelumnya, dijelaskan cara membuat link yang merujuk pada halaman yang berbeda. Pada pembahasan kali ini kita akan membuat link pada halaman yang sama. Link ini bisa kita manfaatkan, jika kita membuat artikel yang panjang tapi di jadikan satu halaman atau tulisan yang terdiri dari bab-bab.Maka agar memudahkan pembaca untuk menuju bab yang satu ke bab yang lain, kita bisa memanfaatkan link dalam satu halaman

LENOVO S5000

Sebagai contoh yang mungkin sering teman teman temui adalah disaat kita membaca suatu halaman sampai habis(sampai bawah), terkadang kita menemui tulisan “Kembali ke atas” atau Top di sertai tanda panah ke atas, setelah di klik maka kita akan kembali ke bagian atas halaman yang kita baca. Itulah yang kita bahas kali ini.Tag yang kita gunakan tetap sama yaitu <a> dan atribut yang digunakan adalah name dan href

Pertama kita buat terlebih dahulu anchor name nya terlebih dahulu
<a name="atas">Ini awal halaman</a>

Letakkan kode anchor name itu pada bagian yang akan kita tuju, jika nantinya link di klik. Pada contoh tersebut kita akan letakkan kodenya di awal halaman. Untuk atribut name kita bebas mau memberikan nama apa aja, yang penting disesuaikan dengan bagian yang akan kita tuju. Dan untuk teks “ini awal halaman” boleh dihilangkan sehingga kode di atas bisa kita tulis <a name="atas"></a>

Langkah selanjutnya kita membuat linknya, sebagaimana kita membuat link pada pembahasan sebelumnya kita menggunakan atribut href


<a href="#atas">Kembali ke atas</a>

Dari kode diatas pada atribut href harus sama dengan yang kita tulis pada atribut name, tapi pada href diawali dengan tanda pagar (#). Selanjutnya teks Kembali keatas itu yang akan ditampilkan sebagai link dan nantinya jika kita klik maka kita akan dibawa kebagian atas halaman yang kita baca. Letakkan kode linknya di mana kamu suka, sesuai kebutuhan. Asal jangan deket ama anchor name aja. Kan ngga lucu masa’ yg di tuju bagian atas terus link nya juga di taruh di atas he he he.Saya sudah pasang kode di awal artikel ini. Coba deh klik link di bawah ini,nanti kita akan menuju ke awal tulisan ini

Kembali ke atas

Untuk contoh penerapannya silahkan klik DISINI


4 Langkah Mudah Membuat Website bagi Pemula

6 komentar:

Harap berkomentar dengan kata kata yang baik dan sopan ya..:)