# 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)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://alvan.kitakale.id/fundamental-html-and-css/html/dasar/hyperlink-element.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.