> For the complete documentation index, see [llms.txt](https://alvan.kitakale.id/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://alvan.kitakale.id/fundamental-html-and-css/html/dasar/hyperlink-element.md).

# Hyperlink element

Permalink (anchor) pada html digunakan untuk membuat hyperlink atau tautan pada halaman web. Ketika pengguna mengklik link tersebut, halaman web akan mengarahkan pengguna ke halaman lain dari halaman web yang terkait dengan link tersebut. element ditandai dengan tag "\<a>" pembuka dan penutup "\</a>".

![](/files/D82R8eQnu9twZHyX9FuC)

Buatlah file baru di dalam folder dasar dengan nama “link.html” lalu ketikkan code di bawah ini :

<figure><img src="/files/DhjseKerEE8RUbJXTrvf" alt=""><figcaption><p>Link.html</p></figcaption></figure>

dan berikut ini adalah hasilnya:

![output link.html](/files/9heD2MGhv5nqwDeHpQjQ)

Bukan hanya itu saja kamu juga dapat berinteraksi dengan halaman website kamu yang lain menggunakan tag element ini berikut contohnya :

![](/files/nII5rxeowcmFtBIwLueO)

![we-1.html](/files/jSMgHseWjiI2L8UBhOUL)

![web-2.html](/files/b2jAx1nIm4E8u6KHDS2Y)

dan hasilnya adalah :

![output web-1 & web-2](/files/4lKmrTI5sEZ3SzXox4Bf)

### Mail <a href="#id-3uaw3q1m79t3" id="id-3uaw3q1m79t3"></a>

Link kadang digunakan untuk mengirim email.

![](/files/dF1RGFIIO8YpXE1lNNs2)

### ![](/files/uVOvbfFkNncxLyHn0XDs)  <a href="#ie39rjn8hju9" id="ie39rjn8hju9"></a>

### Tel <a href="#i8k5bvqu8r8a" id="i8k5bvqu8r8a"></a>

Memberikan alamat URL whatsapp dan nantinya akan membuka halaman tersebut. Ini juga bisa disebut eksternal link, karena ia akan membuka halaman whatsapp.

![](/files/NaUdcuINRJLydiNF0XEx)

![](/files/TO4FQJ5Jn5UWIqsplgPm)

### Atribut Target <a href="#hgw8mxakxenn" id="hgw8mxakxenn"></a>

Atribut “target” adalah atribut yang digunakan untuk mengatur bagaimana suatu tautan atau hyperlink akan dibuka ketika di klik oleh user. Jadi dibawah ini adalah atribut atribut dari si “target”:

**“\_self”**

Link akan dibuka dalam tab yang sama di mana link itu di klik.

Contoh penggunaan:

![](/files/CEWLNakto1bTN8byQFV8)

![](/files/hyqzvL1C4JeKZzMGRzkA)

**“\_blank”**

Link akan dibuka di tab yang baru.

Contoh penggunaan:

![](/files/x45mHVUsbQrTCM24Cgir)

![](/files/1IMJjUkv4OB4QlYXBaIR)

**“\_parent”**

Link akan dibuka dalam frame induk, apabila link tersebut ada didalam suatu

frame ada dalam suatu dokumen HTML.

Contoh penggunaan:

![](/files/pNjmV83dXElxmu4sBecI)

![](/files/QcCB193bMcwO9AV4zqEX)

**“\_top”**

Link bakal dibuka dalam tab baru dan menimpa semua frame apabila tautan tersebut ada dalam suatu frame.

Contoh Penggunaan:

![](/files/24sK4KDZekl5RKSBA0sj)

![](/files/ITsWcSWtLZGZr4BGQs0v)

**Nama frame atau window**

Link bakal dibuka dalam frame atau window dengan nama yang ditentukan, jika link itu tersebut berada dalam suatu frame atau window dengan nama tersebut telah didefinisikan sebelumnya.

Contoh penggunaan:

![](/files/gvOPbQ2RFD37G0xkjyBy)

![](/files/NavkbGHxbScv2L360g41)

### Atribut Download <a href="#id-9u91a3j7rd95" id="id-9u91a3j7rd95"></a>

Atribut download download digunakan untuk menentukan bahwa link yang dikasih akan mengunduh file, nggak kayak contoh sebelumnya yang mengarahkan user ke tab baru. Dengan menggunakan atribut “download”, user bisa download file tersebut secara langsung ke device mereka saat mengklik linknya.

![](/files/3MIb0zIwd2nW3ndQ7TZ2)

![](/files/HVsD0fWg4oJ6zLmQPjpr)