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.



http://belajarhtmltable.com/hyperlink/#more-415