Cara Membuat link di HTML (tag a)

Cara Membuat Link di HTML (Tag A)

HTML (Hypertext Markup Language) adalah bahasa pemrograman yang digunakan untuk membuat halaman web. Salah satu elemen yang paling penting dalam HTML adalah tag atau Anchor tag, yang digunakan untuk membuat tautan atau link di dalam halaman web. Dalam artikel ini, kita akan membahas cara membuat link di HTML menggunakan tag .

Apa Itu Tag A dalam HTML?

Tag dalam HTML digunakan untuk membuat hyperlink atau tautan ke halaman web lain, dokumen, gambar, atau berkas lainnya. Dengan menggunakan tag , pengguna dapat mengklik teks atau gambar untuk menuju ke halaman web atau dokumen lain. Contoh penggunaan tag adalah sebagai berikut:

<a href="https://www.contohwebsite.com">Klik Disini</a>

Pada contoh di atas, saat pengguna mengklik teks “Klik Disini”, mereka akan dialihkan ke halaman web dengan URL https://www.contohwebsite.com.

Selain menggunakan teks sebagai tautan, kita juga dapat membuat link tanpa teks pada tag . Hal ini dapat dilakukan dengan cara menambahkan gambar atau ikon sebagai tautan. Contoh penggunaan link tanpa teks pada tag adalah sebagai berikut:

<a href="https://www.contohwebsite.com">
   <img src="gambar.jpg" alt="Deskripsi Gambar">
</a>

Pada contoh di atas, saat pengguna mengklik gambar, mereka akan dialihkan ke halaman web dengan URL https://www.contohwebsite.com.

Menambahkan Atribut Target pada Tag A

Atribut target pada tag digunakan untuk menentukan di mana halaman yang ditautkan akan dibuka. Terdapat beberapa nilai yang dapat digunakan pada atribut target, antara lain _blank untuk membuka link di tab atau jendela baru, _self untuk membuka link di tab atau jendela yang sama, _parent untuk membuka link di frame induk, dan _top untuk membuka link di jendela penuh browser. Contoh penggunaan atribut target pada tag adalah sebagai berikut:

<a href="https://www.contohwebsite.com" target="_blank">Klik Disini</a>

Selain membuat link eksternal, kita juga dapat membuat link internal di dalam halaman web yang sama menggunakan tag . Untuk membuat link internal, kita perlu menentukan ID atau nama elemen di dalam dokumen yang akan ditautkan. Contoh penggunaan link internal pada tag adalah sebagai berikut:

<a href="#section1">Pergi ke Bagian 1</a>
...
<h2 id="section1">Bagian 1</h2>

Pada contoh di atas, saat pengguna mengklik teks “Pergi ke Bagian 1”, mereka akan langsung diarahkan ke bagian dengan ID “section1” di dalam halaman web yang sama.

BACA  Pengertian dan Fungsi CSS

Menambahkan Atribut Title pada Tag A

Atribut title pada tag digunakan untuk menambahkan teks bantuan atau keterangan saat pengguna mengarahkan kursor ke tautan. Contoh penggunaan atribut title pada tag adalah sebagai berikut:

<a href="https://www.contohwebsite.com" title="Klik Disini untuk Mengunjungi Website">Klik Disini</a>

Ketika pengguna mengarahkan kursor ke tautan “Klik Disini”, mereka akan melihat keterangan “Klik Disini untuk Mengunjungi Website”.

[ Penulis: Paito HK ]

Kesimpulan

Dalam pembuatan halaman web, tag atau Anchor tag adalah salah satu elemen yang penting untuk membuat hyperlink atau tautan. Dengan menggunakan tag , pengguna dapat dengan mudah berpindah antar halaman web atau dokumen. Selain itu, kita juga dapat menambahkan berbagai atribut seperti target dan title untuk mengatur perilaku dan memberikan informasi tambahan pada tautan. Dengan memahami cara membuat link di HTML menggunakan tag <a, kita dapat membuat halaman web yang interaktif dan mudah dinavigasi bagi pengguna.

FAQ

  1. Apakah saya dapat menautkan teks dan gambar dalam satu tag ? Ya, Anda dapat menautkan teks dan gambar dalam satu tag untuk membuat tautan interaktif.
  2. Bagaimana cara membuat tautan terbuka di tab atau jendela baru? Anda dapat menambahkan atribut target=”_blank” pada tag untuk membuat tautan terbuka di tab atau jendela baru.
  3. Apakah saya dapat membuat tautan internal di dalam halaman web yang sama? Ya, Anda dapat membuat tautan internal di dalam halaman web yang sama dengan menentukan ID atau nama elemen yang ditautkan.
  4. Apa fungsi dari atribut title pada tag ? Atribut title pada tag digunakan untuk menambahkan teks bantuan atau keterangan saat pengguna mengarahkan kursor ke tautan.
Updated: 26 April 2024 — 12:55 pm