HTML Link

Link (tautan)

Coba klik teks berikut : Beranda

Elemen HTML yang berisi atribut href disebut LINK (tautan).
Dimana atribut href mendeklarasikan sebuah alamat suatu halaman atau dokumen.
Link berfungsi untuk menautkan halaman web satu dengan halaman web lainnya. Itulah alasan mengapa disebut tautan.

Elemen Link

<a href='' target=''>

Elemen Link menggunakan tag <a>, dimana a merupakan inisial dari anchor yang apabila diterjemahkan kedalam Bahasa Indonesia berarti jangkar.
Secara fungsi, elemen link dapat dijelaskan dari kegunaan jangkar, yaitu mengaitkan atau menautkan.

CATATAN :

href merupakan atribut wajib pada tag <a> untuk elemen link.
Tanpa atribut href maka sebuah link akan kehilangan fungsinya / tidak berfungsi.

Penggunaan Elemen Link dengan atribut target

1.Atribut target='_blank'

<a href='https://www.facebook.com' target='_blank'>Facebook</a>

Hasilnya, klik link berikut: Facebook, link tersebut menautkan halaman ini dengan halaman Facebook dengan cara membuka tab baru di browser.

Atribut target='_blank' yang berarti kosong, mengisyaratkan bahwa halaman yang ditautkan akan dibuka di tab kosong alias tab baru pada browser.

2.Atribut target='_self'

<a href='https://www.facebook.com' target='_self'>Facebook</a>

Klik link hasil tampilan dari kode diatas, berikut ini Facebook, link tersebut akan membuka halaman Facebook dengan cara menimpa halaman ini.

Atribut target='_self' mengisyaratkan bahwa halaman yang ditautkan akan dibuka di tab saat ini alias akan menimpa halaman saat ini.

Link image

Membuat link gambar.

<a href='https:/' target='_parent'>
<img alt="Belajar HTML" src="https://i.postimg.cc/g06ynHdC/ms-icon-310x310.webp">
</a>

Klik gambar berikut ini:
.

Link button

Membuat link tombol.

<a href='/' target='_blank'>
<button>Facebook</button>
</a>

Klik tombol hasil tampilan dari kode diatas, berikut ini

Link email

<a href = "mailto: nama@gmail.com">Kirim email</a>

Tampilan link email : Kirim email