HYPERLINK PADA HTML

19/05/2024 Syaiful Nurhidayat, M.Pd HTML 2

Hyperlink biasa disingkat dengan link merupakan elemen HTML yang berfungsi menghubungkan halaman web ke halaman web yang lain. Jika Elemen diklik akan membuka halaman lain sesuai alamat URL yang diberikan.

Selain digunakan untuk menghubungkan halaman, link juga mempunyai fungsi lain seperti scroll top, download file, menjalankan fungsi javascript, dll.

A. Membuat Link di HTML

Link pada HTML dapat dibuat dengan tag <a>, kemudian tag ini harus memiliki atribut href untuk menentukan alamat URL tujuan dari link. secara default link akan berwarna biru dan garis bawah, warna ini dapat diubah dan akan dibahas pada bagian D. Mengubah Warna Link di HTML

B. Jenis-jenis Link pada HTML

Terdapat dua macam link dalam html

  • Internal Link: adalah link yang menuju ke domain atau halaman web itu sendiri, internal link tidak perlu dibuat lengkap dengan http://www. dst, namun cukup ditulis nama file yang dituju, sebelum dibuat link, harus disiapkan file yang akan dipanggil, contoh dibawah ini harus ada file dalam satu folder yang bernama link.html
  • External Link: adalah link yang menuju domain lain. contoh Hyperlink.html diatas merupakan contoh External link

C. Atribut-atribut Link HTML

Selain atribut href terdapat juga beberapa atribut yang sering ditambahkan pada link, seperti: target, title, rel, style, dan lain-lain.

Atribut target

Atribut ini berfungsi untuk menentukan target dari pembukaan link. Ada beberapa target yang biasanya digunakan:

  • _blank akan membuka link pada jendela atau tab baru;
  • _self akan membuka link pada halaman itu sendiri (default target);
  • _top menuju bagian paling atas pada halaman;
  • _parent membuka link pada frame induk;
  • nama-frame akan membuka link pada <iframe> dengan nama tertentu;

Atribut title

Atribut  title berfungsi untuk membuat tooltips. Tooltips adalah informasi tambahan yang akan tampil saat link disentuh pointer atau saat kita menahan tap di hp.

D. Mengubah Warna Link di HTML

Warna default link adalah biru, Warna teks dan latar belakang (background) dapat diubah sesuai kebutuhan dengan cara menambahkan atribut style kemudian isi dengan style untuk mengubah warna, yakni color (untuk teks) dan background-color (untuk latar).

E. Link Anchor

Link anchor adalah link yang menuju ke suatu elemen tertentu. Cara membuat link anchor adalah dengan mengisi alamat URL dengan tanda pagar (#), lalu diisi dengan nama id dari elemen yang akan dituju.

E. Link untuk Memanggil Fungsi Javascript

Link HTML dapat digunakan untuk memanggil fungsi Javascript. Pemanggilan fungsi Javascript dilakukan dengan atribut even seperti onclick, onmouseover, onmouseout, dan sebagainya.

F. Link dengan Gambar

Membuat gambar sebagai link sering dilakukan dalam web. Cara membuatnya sisipkan tag <img> dengan tag <a>.

G. Link Untuk Download file

Link dapat digunakan sebagai link untuk download file. Cara membuatnya sangat mudah, dengan memasukkan alamat URL dari file yang akan di-download

H. Link Mengirim Email

Untuk membuat link email Ubah URL tujuan dari link dengan mailto, diikuti dengan alamat email yang akan menerima email. Jika menggunakan browser Google Chrome, maka akan terbuka Gmail. Jika dibuka di Firefox, akan memilih aplikasi email yang tersedia di komputer.

2 Comments

Leave a Reply

Your email address will not be published.


*