Mengenal Tag untuk membuat Link

Mengenal Tag untuk membuat Link

1. Apa itu link pada html?

Link adalah elemen html yang berfungsi untuk menghubungkan suatu halaman web ke halaman web lain. Link juga dikenal dengan sebutan anchor tag, karena dibuat dengan tag .

 

Link dibagi menjadi dua:

  1. Internal Link: link yang menuju ke domain atau halaman web itu sendiri.
  2. External Link: link yang menuju domain lain.

Internal link biasanya digunakan untuk menghubungkan halaman yang satu dengan halaman yang lain dalam satu website.

Sedangkan untuk eksternal link, biasanya digunakan untuk membuka domain tertentu. Contoh: membuka facebook, membuka whatsapp, membuka youtube, dll.

2. Cara membuat link pada HTML

  • Internal Link

Link pada HTML dapat dibuat dengan tag  dan diberikan atribut href untuk menentukan alamat yang akan dituju.

 

Contoh: Home Artinya, ketika kita klik Home maka browser akan membuka halaman index.html.

  • Eksternal Link

Contoh: https://www.facebook.com/generasibisa”>Facebook Jika diklik maka browser akan membuka halaman facebook generasibisa

3. Atribut Link

Selain atribut href terdapat juga atribut yang lain seperti targettitlerel, dan lain-lain.

  • Menggunakan atribut target

Atribut ini berfungsi untuk memberi tahu link agar target membukanya ke  halaman mana. Misalkan targetnya adalah di jendela baru atau tab baru, maka atribut target harus diisi dengan blank atau _blank.

Contoh: https://www.facebook.com/generasibisa” target=”blank”>Facebook

Selain itu atribut ini juga dapat diisi dengan _parent_self_top dan nama sebuah frame.

Contoh:

https://www.facebook.com/generasibisa” target=”tampil”>Facebook

 

Maka hasilnya, link akan dibuka di dalam elemen frame yang memiliki atribut name="tampil".

  • Menggunakan Atribut title

Atribut ini berfungsi untuk membuat tooltips. Tooltips adalah informasi tambahan yang akan tampil saat link disentuh oleh pointer.

Contoh:

Hubungi Kami

Link di atas akan memanggil aplikasi mail client, karena nilai href diisi dengan mailto:info@generasibisa.com.

4. Membuat Link Buntu

Link buntu biasanya tidak bisa kita klik, atau link itu tidak akan menuju kemana-mana.

Cara membuat link seperti ini, kita cukup mengisi atribut href dengan tanda pagar (#) atau tanda pagar dan tanda seru (#!).

Contoh:

Link Buntu 1

Link Buntu 2

Sebenarnya tanda pagar di dalam atribut href adalah dia akan menuju pada elemen dengan id tertentu.

Contoh:

Kita ingin menuju ke halaman paling atas, maka linknya akan seperti ini:

KE ATAS!

5. Membuat link untuk memanggil fungsi pada javascript

Pada umumnya nama fungsi javascript di tambahkan pada atribut onclick dan href.

Contoh:

Test 1

Test 2

6. Membuat Gambar Menjadi Link

Bungkus elemen  ke dalam elemen . Sehingga dia akan menjadi link.

 

Contoh:

Maka gambar yang anda miliki jika diklik akan menuju ke halaman yang sesuai link tersebut.

Download Tutorial