Membuat Hyperlink Pada HTML - Hirocademy - Education For The Future

Wednesday, January 17, 2018

Membuat Hyperlink Pada HTML

Membuat Hyperlink Pada HTML

hyperlink yang lebih di kenal dengan link  berfungsi untuk dapat menghubungkan antara satu dokumen dengan dokumen yang lainnya di HTML. Dengan Tujuan dari pada hyperlink ialah dapat membuat sebuah teks atau berupa gambar yang mana sewaktu diklik maka secara otomatis akan di alihkan ke halaman tertentu yang sudah di tetapkan dalam penulisan pada hyerlink tersebut.
hyperlink sendiri ditulis dengan menggunakan tag <a> atau yang kita kenal dengan anchor (jangkar). <a> ini selalu diikiti oleh yang namanya sebuah atribut href, dimana didalam href (hypertext reference) ini yang akan diisikan berupa alamat yang akan langsung dituju ketika text atau sebuah gambar diklik. berikut penulisan hyperlink menggunakan <a href=”#”> :

<a href="hirocademy.blogspot.com">klik disini</a>

Sewaktu kalian lakukan klik maka pada kata klik disini akan di alihkan ke halaman hirocademy.blogspot.com

Jenis Hyperlink Pada HTML
  • Alamat absolute merupakan penulisan pada alamat file yang disertai dengan alamat website. contohnya :
Didalam penulisan alamat Membuat Hyperlink Pada HTML memiliki dua jenis yaitu alamat absolte dan juga alamat alternatif.
<!DOCTYPE html><html><head><title>memubuat hyperlink</title></head><body>contoh alamat absolute <a href="https://www.hirocademy.blogspot.com/">klik disini</a></body></html>

dari contoh yang kami berikan merupakan hyperlink menggunakan alamat absolute. dimana kami akan mengakses file html yang berada di https://www.hirocademy.blogspot.com/.
  • Alamat alternatif merupakan penulisan pada alamat file yang akan di panggil berada dalam aplikasi yang sama, jadi sebelum memanggil file yang diperlukan tidak perlu lagi dalam menggunakan nama dari websitenya. 
contohnya disini akan memanggil file part1.html yang berada dalam projek kami (satu folder dengan halaman yang sekarang telah kami buat).
<!DOCTYPE html><html><head><title>membuat hyperlink</title></head><body>contoh alamat alternatif <a href="part1.html">klik disini</a></body></html>

Note : Dalam membuat Hyperlink Pada HTML dalam penulisan alamat alternatif, sebelum kalian memanggil filenya ada kalanya file tersebut tidak berada didalam satu folder maka, folder tempat keberadaan file perlu di panggil.

No comments:

Post a Comment