HTML : Membuat Hyperlink pada HTML

FAJAR BLOG - Hyperlink atau link berfungsi untuk menghubungkan dokumen satu dengan dokumen yang lain. Tujuan dari hyperlink ini adalah ketika kita klik sebuah teks atau gambar maka kita akan diarahkan ke halaman tertentu. Contohnya kita sering menemui perkataan Klik Disini dan setelah kita diklik kita akan diarahkan ke halaman sesuai dengan yang ditetapkan oleh pembuat hyperlink tersebut.

Hyperlink ditulis dengan tag <a> atau yang kita kenal anchor (Jangkar). tag <a> selalu diikuti dengan atribut href (hypertext reference) inilah yang akan diiskan alamat yang kita tuju ketika teks atau gambar diklik. Berikut contoh penggunaan atribut.

<a href="www.muhfajarshodiq.blogspot.co.id">Klik Disini</a>

Ketika kita meng klick 'Klik Disini' maka akan membuka blog muhfajarshodiq.blogspot.co.id

JENIS JENIS HYPERLINK DI HTML

Dalam penulisan alamat membuat Hyperlink pada HTML memiliki dua jenis yaitu link absolute dan link alternatif.

1. Alamat Absolute yaitu penulisan alamat file yang disertai dengan alamat websitenya. Oke akan saya berikan Contohnya :

<!DOCTYPE html>
<html>
<head>
    <title>HTML : HYPERLINK HTML
</title>
</head>
<body>
ini adalah contoh alamat absolute <a href="http://muhfajarshodiq.blogspot.co.id/">klik disini</a>
</body>
</html>

Hyperlink Absolute

2. Alamat Alternatif Merupakan penulisan alamat file yang dimana file tersebut dipanggil dalam satu folder/aplikasi yang sama. Jadi ketika memanggil file tidak perlu menggunakan alamat websitenya. Sebagai contoh kita buat 2 file html dan berikan nama index.html dan alternatif.html

Index.html

<!DOCTYPE html>
<html>
<head>
 <title>belajar memubuat hyperlink</title>
</head>
<body>
Ini adalah contoh alamat alternatif <a href="belajar2.html">klik disini</a>
</body>
</html>

alternatif.html

<!DOCTYPE html>
<html>
<head>
 <title>belajar memubuat hyperlink</title>
</head>
<body>
<b>Maka AKan Masuk Kesini</b>
</body>
</html>

Index.html


alternatif.html

Jadi prinsip kerja Hyperlink alternatif adalah akan mengakses pada file yang di panggil dan terletak pada dalam satu folder yang sama. Apabila file atau etxtansi tidak berada dalam satu folder maka gunkan script di bawah ini :

Ini adalah contoh alamat alternatif <a href="/home/maestro/Pictures/HTML/Percobaan HTML/untitled folder">klik disini</a>

Referensi :
www.malasngoding.com
www.script-kiddies.com