hyperlink yang sering di kenal dengan link yaitu menghubungkan antara satu dokument dengan dokumen yang lain pada HTML. Tujuan dari hyperlink ini membuat sebuah teks atau gambar yang ketika diklik akan di alihkan ke halaman tertentu yang sudah di tetapkan dalam penulisan hyerlink tersebut.
hyperlink sendiri ditulis dengan <a> atau yang kita kenal dengan anchor (jangkar). <a> ini selalu diikiti oleh atribut href, dimana didalam href (hypertext reference) ini lah yang akan diisikan alamat yang dituju ketika text atau gambar diklik. berikut penulisan hyperlink menggunakan <a href=”#”> :
1
<ahref="malasngoding.com">klik disini</a>
ketika diklik pada kata klik disini maka akan di alihkan ke halaman malasngoding.com
Jenis Hyperlink Pada HTML
dalam penulisan alamat Membuat Hyperlink Pada HTML memiliki dua jenis yaitu alamat absolte dan alamat alternatif.
alamat absolute yaitu penulisa alamat file yang disertai dengan alamat website. contohnya :
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title>belajar memubuat hyperlink</title>
</head>
<body>
ini adalah contoh alamat absolute<ahref="https://www.malasngoding.com/category/html/">klik disini</a>
</body>
</html>
dari contoh diatas merupakan hyperlink menggunakan alamat absolute. dimana saya akan menakses file html yang berada di malasngoding.com/category
alamat absolute
alamat alternatif merupakan penulisan alamat file yang akan di panggil berada dalam aplikasi yang sama, jadi sebelum memanggil file yang diperlikan tidak udah menggunakan nama dari websitenya. contohnya saya akan memanggil file part7.html yang berada dalam projek saya (satu folder dengan halama yang sekarang saya buat)
1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
<title>belajar memubuat hyperlink</title>
</head>
<body>
ini adalah contoh alamat alternatif<ahref="part7.html">klik disini</a>
</body>
</html>
alamat alternatif
perlu di perhatikan Membuat Hyperlink Pada HTML dalam penulisan alamat alternatif, sebelum kita memanggil filenya ada kalanya file tersebut tidak berada dalam satu forlder maka folder tempat keberadaan file perlu di panggil.
Di tutorial ini teman-teman akan belajar membuat navbar responsive dengan HTML dan CSS. Dengan penggunaan website yang berkembang pesat saat ini, kita wajib memastikan website ...
Dari semua tutorial dasar HTML yang telah teman-teman pelajari di malasngoding.com, teman-teman bisa mencoba membuat halaman website sederhana untuk latihan. Pada tutorial ini saya akan ...
Pada tutorial ini kita akan Belajar Membuat Show Hide Password Di HTML dengan sangat mudah dan sederhana. Pada umumnya, inputan pada form password akan disamarkan ...
Halo sobat malasngoding.com pada artikel kali ini Kita akan pelajari bagaimana cara membatasi jumlah karakter yang di input kedalam form menggunakan HTML. Dalam membuat form ...
Membuat Cetak Print Laporan Dengan PHP – Malas Ngoding•6 years ago
[…] teman-teman perhatikan pada file index.php. pada file index.php kita membuat hyperlink atau link “TES PRINT” yang mengarahkan ke file cetak1.php pada saat di […]
Download Ebook belajar HTML & CSS dasar untuk pemula gratis.
Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana.
materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.
[…] teman-teman perhatikan pada file index.php. pada file index.php kita membuat hyperlink atau link “TES PRINT” yang mengarahkan ke file cetak1.php pada saat di […]
Semoga lancar