HTML (Hypertext Markup Language) adalah bahasa markup yang digunakan untuk membuat halaman web.
Di dalam HTML, terdapat tag-tag yang digunakan untuk memformat dan membangun struktur halaman web. Salah satu tag penting dalam HTML adalah tag hyperlink, yang digunakan untuk membuat tautan atau link yang menghubungkan satu halaman web dengan halaman web lainnya atau ke bagian lain di halaman yang sama.
Berikut ini adalah penjelasan lengkap tentang tag hyperlink atau link HTML:
Struktur Tag Link HTML
Tag hyperlink di HTML terdiri dari dua bagian, yaitu tag pembuka atau opening tag dan tag penutup atau closing tag. Tag pembuka didefinisikan dengan <a>, sementara tag penutup didefinisikan dengan </a>. Di antara kedua tag ini, terdapat teks atau gambar yang akan dijadikan sebagai tautan.
Contoh penggunaan tag link HTML:
1 | <a href="https://www.contohwebsite.com">Kunjungi Website Kami</a> |
Di contoh tersebut, tag pembuka adalah <a href="https://www.contohwebsite.com">, sedangkan tag penutup adalah </a>. Di antara kedua tag tersebut, terdapat teks "Kunjungi Website Kami" yang menjadi tautan atau link ke alamat web yang ditentukan dalam atribut href.
Atribut Href
Atribut href dalam tag link HTML digunakan untuk menentukan alamat URL yang akan dituju oleh tautan. Format penulisan atribut href adalah sebagai berikut:
1 | <a href="alamat_URL">teks_tautan</a> |
Di mana, alamat_URL adalah alamat URL halaman web yang ingin dituju, dan teks_tautan adalah teks yang dijadikan sebagai tautan. Atribut href juga dapat diisi dengan alamat email atau nama file dalam situs web.
Atribut Target
Atribut target dalam tag link HTML digunakan untuk menentukan cara tautan akan dibuka oleh browser.
Ada dua nilai yang dapat diisi dalam atribut target, yaitu _blank dan _self.
_blank: Tautan akan dibuka di jendela atau tab baru.
_self: Tautan akan dibuka di jendela atau tab yang sama.
Contoh penggunaan atribut target:
1 | <a href="https://www.contohwebsite.com" target="_blank">Kunjungi Website Kami</a> |
Di contoh tersebut, tautan akan dibuka di jendela atau tab baru karena nilai atribut target adalah _blank.
Link Internal
Selain menghubungkan ke halaman web lain, tag link HTML juga dapat digunakan untuk menghubungkan bagian-bagian di halaman yang sama. Untuk membuat link internal, alamat URL dalam atribut href harus diisi dengan nilai # dan diikuti dengan ID elemen yang menjadi target tautan.
Contoh penggunaan link internal:
1 2 3 4 5 | <a href="#section2">Lompat ke Bagian 2</a> ... <h2 id="section2">Bagian 2</h2> |
Di contoh tersebut, tautan "Lompat ke Bagian 2" akan mengarahkan pengguna ke bagian 2 di halaman yang sama karena nilai atribut href adalah #section2.
Link Gambar
Selain teks, tag link HTML juga dapat digunakan untuk membuat tautan pada gambar. Caranya sama dengan membuat tautan pada teks, hanya saja tag img ditambahkan sebagai pengganti teks pada tautan.
Contoh penggunaan link gambar:
1 2 3 | <a href="https://www.contohwebsite.com"> <img src="gambar.jpg" alt="Deskripsi Gambar"> </a> |
Di contoh tersebut, tag img digunakan untuk menampilkan gambar gambar.jpg. Ketika gambar tersebut di klik, pengguna akan diarahkan ke halaman web yang ditentukan dalam atribut href.
Link Berbasis Email
Selain menghubungkan ke halaman web, tag link HTML juga dapat digunakan untuk membuat tautan berbasis email. Caranya adalah dengan mengisi nilai atribut href dengan format mailto:alamat_email.
Contoh penggunaan link berbasis email:
1 | <a href="mailto:contoh@contohemail.com">Kirim Email ke Kami</a> |
Di contoh tersebut, pengguna akan diarahkan ke halaman komposisi email ketika tautan "Kirim Email ke Kami" di klik.
Kesimpulan
Tag hyperlink atau link HTML adalah salah satu tag penting dalam HTML yang digunakan untuk menghubungkan halaman web dengan halaman web lainnya atau ke bagian lain di halaman yang sama.
Tag hyperlink terdiri dari dua bagian, yaitu tag pembuka dan tag penutup, dengan teks atau gambar yang dijadikan sebagai tautan di antara kedua tag tersebut. Atribut href digunakan untuk menentukan alamat URL atau alamat email yang akan dituju oleh tautan, sedangkan atribut target digunakan untuk menentukan cara tautan akan dibuka oleh browser. Selain itu, tag hyperlink juga dapat digunakan untuk membuat tautan pada gambar dan tautan berbasis email.
0 comments