Belajar Koding html Bagian 5: Membuat Tautan (Hyperlink)

 

Hyperlink adalah fitur atau bagian dari halaman website yang dapat menghubungkan satu bagian tersebut dengan program atau halaman lainnya. Salah satu manfaat yang bisa didapatkan dari menaruh hyperlink adalah bisa digunakan untuk pencarian file.

Untuk membuat tautan (hyperlink) dalam HTML, Anda dapat menggunakan elemen <a> (anchor) dengan atribut href yang menentukan alamat tujuan. Berikut adalah beberapa cara untuk membuat tautan:

1. Tautan ke Halaman Lain: Untuk membuat tautan ke halaman web lain, gunakan elemen <a> dengan atribut href yang berisi URL tujuan.

<a href="https://squfi.blogspot.com/">Kunjungi Contoh Website</a>

Ketika pengguna mengklik teks "Kunjungi Contoh Website", mereka akan diarahkan ke "https://squfi.blogspot.com/".

2. Tautan Internal: Untuk membuat tautan yang mengarah ke bagian tertentu dalam halaman yang sama, Anda dapat menggunakan atribut id pada elemen tujuan dan mengarahkan tautan ke #id_tujuan.

<!-- Elemen tujuan dengan id -->

<h2 id="bagian1">Bagian 1</h2>

<p>Konten untuk bagian 1.</p>

 

<!-- Tautan menuju elemen tujuan -->

<a href="#bagian1">Lihat Bagian 1</a>

Ketika tautan "Lihat Bagian 1" diklik, halaman akan menggulir ke elemen dengan id="bagian1".

3. Tautan Email: Untuk membuat tautan yang membuka aplikasi email dengan alamat tujuan tertentu, gunakan skema mailto: pada atribut href.

<a href="mailto:email@contoh.com">Kirim Email ke Kami</a>

Mengklik tautan "Kirim Email ke Kami" akan membuka aplikasi email default pengguna dengan alamat tujuan "email@contoh.com".

4. Membuka Tautan di Tab Baru: Untuk membuka tautan di tab atau jendela baru, tambahkan atribut target="_blank" pada elemen <a>.

<a href="https://squfi.blogspot.com" target="_blank">Kunjungi Website squfi</a>

Atribut target="_blank" membuat tautan terbuka di tab atau jendela baru.

Selain itu, Anda dapat menonton video tutorial berikut untuk pemahaman visual tentang pembuatan tautan di HTML:

Dengan memahami penggunaan elemen <a> dan atribut href, Anda dapat membuat tautan yang efektif dalam halaman web Anda.

 

Share this post