Membuat Link pada HTML
Tautan atau hyperlink merupakan koneksi dari satu sumber web ke web yang lainnya. Tautan memungkinkan pengguna untuk berpindah secara mudah dari satu halaman ke halaman lainnya, di server mana saja di dunia.
Tautan memiliki dua ujung, yang disebut jangkar. Tautan dimulai pada jangkar sumber dan menunjuk ke jangkar tujuan, yang sumbernya dapat berisi apapun, misalnya seperti gambar, klip audio atau video, file PDF, file HTML atau elemen di dalam file itu sendiri, dan sebagainya.
Secara default, di kebanyakan browser link akan tampil seperti berikut ini:
- Tautan yang belum dikunjungi digaris-bawahi dan font nya berwarna biru.
- Tautan yang dikunjungi digaris-bawahi dan font nya berwarna ungu.
- Tautan aktif digaris-bawahi dan font nya berwarna merah.
Syntax Link HTML
Tautan yang dimasukan ke dalam HTML menggunakan tag <a>.
Tautan atau hyperlink dapat berupa kata, grup kata, atau gambar.
<a href="url">Link text</a>
Apa pun yang ada di antara tag <a> dan tag penutup </a> pembuka menjadi bagian dari tautan yang dilihat dan diklik pengguna di browser. Berikut beberapa contohnya:
<a href="https://www.google.com/">Google Search</a>
<a href="https://www.tutorialrepublic.com/">Tutorial Republic</a>
<a href="images/kites.jpg">
<img src="kites-thumb.jpg" alt="kites">
</a>
Atribut href menentukan target tautan. Nilainya dapat berupa URL absolut atau relatif.
URL absolut adalah URL yang mencakup setiap bagian dari format URL, seperti protokol, nama host, dan akses file, misalnya, https://www.google.com/, https://www.example.com /form.php, dll. Sementara itu, URL Relatif (URL Relative) merupakan sebuah URL yang menentukan suatu alamat berdasarkan URL yang memang aktif saat itu, misalnya, contact.html, gambar/smiley.png, dan sebagainya. URL relatif tidak pernah menyertakan awalan http:// atau https://.
Setting Target Link
Atribut target memberi tahu browser dimana untuk membuka file tautan. Ada empat target, dan setiap nama target dimulai dengan karakter garis bawah (_):
- _blank – Membuka dokumen yang ditautkan di jendela atau tab baru.
- _parent – Membuka dokumen yang ditautkan di jendela induk.
- _self – Membuka dokumen yang ditautkan di jendela atau tab yang sama dengan dokumen sumber. Ini adalah default, oleh karena itu tidak perlu untuk menentukan nilai ini secara eksplisit.
- _top – Membuka dokumen yang ditautkan di jendela browser lengkap.
