HTML Hyperlink

HTML hyperlink ditemukan hampir disemua halaman dokumen sebuah situs. Link bertujuan untuk pengunjung beralih antar halaman atau keluar dari situs yang saat ini dikunjungi.

Sintak

Sintak dari link ini secara umum:
<a href="url">teks link</a>

Contoh:

<a href="https://www.wapblog.id">WapBlog.ID</a>

Peringatan: link yang diklik pada snip code diatas tidak akan berjalan pada browser. Hal ini terjadi karena WapBlog.ID menolak browser mengirimkan permintaan Frame.

Atribut target

Atribut target dapat ditambahkan kedalam link dengan nilai berikut:
_self: atribut default. Yang secara default digunakan browser untuk membuka link pada tab yang saat ini digunakan.
_parent: atribut ini akan membuka link pada tab yang diikuti frame.
_blank: atribut ini akan membuka link pada tabulasi atau tab jendela atau window baru.
_top: atribut ini akan membuka link secara penuh dalam jendela baru.

Contoh:

<a href="https://www.wapblog.id" target="_blank">WapBlog.ID</a>

Link Relatif dan Absolut

Link relatif adalah link yang digunakan untuk membuka dokumen halaman dalam website yang sama. Sementara absolut membuka link yang berbeda dari saat ini dikunjungi.

Contoh:

<h3>Relatif</h3>
<p>1. <a href="index">Indeks</a></p>
<p>2. <a href="/category/lainnya">Category Lainnya</a></p>

<h3>Absolut</h3>
<p>1. <a href="https://www.wapblog.id">WapBlog.ID</a></p>
<p>2. <a href="https://developers.wapblog.id">Developers Blog</a></p>

Penting: struktur url pada blog WapBlog.ID selalu berbeda dalam satu blog sehingga kamu disarankan menggunakan link absolut daripada relatif.

Link dengan gambar

Untuk menampilkan gambar menggantikan teks link kamu bisa dengan menggunakan sintak berikut:
<a href="url"><img src="url_gambar" /></a>

Contoh:

<a href="https://www.wapblog.id"><img src="https://s.wapblog.id/c/img/wblogo/wblogo-red-500.png" /></a>