Hyperlink
Membuat Hyperlink HTML
Hyperlink adalah link yang menghubungkan file dari sebuah website ke file yang lain dalam website itu sendiri.
Dulu ketika pertama kali ingin Belajar Membuat Website, saya heran sekali melihat text berwarna biru yang ada garis dibawahnya (underline) kalau diklik dapat membuka halaman lain dari sebuah website.
Tentu saja ini sangat menarik bagi saya yang pada waktu itu baru mulai belajar membuat website.
Setelah saya pelajari, ternyata caranya sangat mudah. Kita tinggal menuliskan kode Hyperlink HTML dan memasangnya pada salah satu halaman website.
Misalkan kita mempunyai website www.contoh-saja.com yang berisi 2 halaman, yaitu:
Halaman Website 1 dengan link: http://www.contoh-saja.com/website-1 dan
Halaman Website 2 dengan link: http://www.contoh-saja.com/website-2
Pada halaman website 1 kita tulis kode Hyperlink HTML seperti ini:
<a href=”http://www.contoh-saja.com/website-2″>LINK HALAMAN 2 INI</a>
Sebagai contoh saya berikan gambar dari Halaman 1 seperti dibawah ini
Kalau Anda Klik link “LINK HALAMAN 2 INI“, maka akan terbukalah halaman 2 dari website ini.
Contohnya seperti ini:
Halaman 1
| |
| Untuk membuka Halaman 2 silahkan Klik LINK HALAMAN 2 INI | |
|
Halaman 2
 |
| Untuk kembali ke Halaman 1 silahkan Klik KEMBALI KE HALAMAN 1 |
 |
Dari Halaman 2 kembali ke Halaman 1 penulisan kodenya seperti ini:
<a href=”http://www.contoh-saja.com/website-1″>KEMBALI KE HALAMAN 1</a>
Kalau Anda Klik Link “KEMBALI KE HALAMAN 1“, maka Anda akan melihat kembali Halaman 1 dari website.
CATATAN: Halaman 1 dan Halaman 2 diatas hanya sebagai contoh yang sengaja saya buat pada satu halaman artikel ini untuk memudahkan pembaca supaya tidak me-loncat2 kehalaman lain. Jadi yang perlu diperhatikan adalah penulisan kode hyperlinknya.
Link menuju halaman lain tidak harus diisi text, tapi dapat juga diisi gambar/image.
Kodenya: <a href="http://www.contoh-saja.com/website-1"><img src="IMAGE"></a>
Sebagai contoh Silahkan Klik Gambar/Image disebelah ini – > >
Demikian cara Membuat Hyperlink HTML untuk membuka halaman lain dari website.
9 Responses to Hyperlink
Leave a Reply
    |
Mantap tutorialnya gan. Ingin menambahkan saja, jika kita ingin ketika diklik maka halaman akan terbuka di jendela yang baru maka kita bisa menambahkan atribut target=”_blank” pada elemen html, jadi kira2 contohnya begini “Belajar Membuat Website”
Platform blogspot dan wordpress berbeda dengan platform website HTML.
Jawaban panjangnya sudah saya kirim ke email Anda.
kalau cara membuat read more atau baca selengkapnya menggunakan html bagaimana mas?
saya sudah coba berbagai cara seperti yang bisa dilakukan di blogspot dan di wordpress, tetapi kl di website ko tidak bisa ya? mohon pencerahan, kl bersedia tolong kirim ke email caranya.. trims
thanks gan…
sangat membantu,,terima kasih gan tutorialnya
Mantap gan tutorialnnya bagus gan, thank bermanfaat sekali
Tutorial HTML yg slanjutnya ditunggu om..
gan, tutorial yg lainnya ditunggu..
wah, tutorialnya bagus om, terimakasih yah.
monggo kunjungi blog saya balik om