Tag link yang digunakan pada html adalah

HTML element tag <a> atau anchor memiliki arti potongan teks yang digunakan untuk menandai awalan dan atau akhir suatu hyperlink. HTML element tag <a> lebih dikenal sebgai hyperlink. Hyperlink sendiri digunakan sebagai sarana penghubung suatu halaman HTML satu dengan halaman lainnya. HTML element tag <a> merupakan element tag yang paling sering digunakan di dalam halaman HTML agar halaman tersebut bersifat dinamis sebagai alat perpindahan antar halaman.

Table of Contents Show

Apa itu tag link HTML?
Bagaimana Membuat tag link di HTML?
Apa fungsi tag li *?
Apa fungsi dari tag A?

HTML element tag <a> dapat berisi potongan teks sebagai informasi tautan halaman tujuan. Selain itu element tag <a> dapat berisi gambar sebagai pengganti teks agar tampilannya lebih menarik.

Penerapan pergantian halaman dilakukan dengan menyertakan artibut HREF atau Hypertext REFerence. Atribut ini dapat berisi halaman yang akan ditautkan dengan nilai isian berupa URL. Jika pengguna melakukan klik pada element tag <a>, maka halaman dengan URL tersebut akan ditampilkan.

Penggunaan Element Tag <a>

Penerapan element tag <a> dilakukan dengan menuliskan tautan link dlam bentuk URL di dalam atribut HREF.

Contoh sederhana penggunaan element tag <a> :

<a href="https://www.saidalfaruq.net"> Klik di sini </a>

Jika dijalankan akan menghasilkan tampilan :

Atribut Khusus

HTML element tag <a> memiliki atribut yang berperan dalam penataan tampilan, menentukan tujuan tautan dan bagaimana perilaku halaman tautan saat muncul pada browser.

Atribut khusus pada element tag <a> meliputi :

href (Hypertext REFerence)
Menetapkan referensi halaman yang akan dikaitkan. Nilai : URL
hreflang (Hypertext REFerence LANGuage)
Menetapkan bahasa dari referensi halaman yang akan dikaitkan. Nilai : id_negara
target
Menetapkan bagaimana browser menampilkan halaman tautan saat pertama kali dimuat.
- _blank, Membuka halaman tautan pada halaman window baru (new tab).
- _parent, Membuka halaman tautan di dalam frame induk, penggunaan <frame> sudah usang (deprecated) pada HTML5
- _self, Membuka halaman tautan di dalam window ataupun frame yang sama (nilai default).
- _top, Membuka halaman tautan di dalam frame paling atas (top), penggunaan <frame> sudah usang (deprecated) pada HTML5
title
Menetapkan judul tautan, akan muncul sebagai tooltip jika pengguna menunjuk pointer mouse pada tautan. Nilai : teks
download
Melakukan download secara langsung terhadap konten tanpa harus membuka tautan. Nilai : nama_file
rel
Menetapkan hubungan antara halaman asal dengan halaman yang akan ditautkan.
Nilai : alternate | author | bookmark | help | license | next | nofollow | noreferrer | prev | search | tag

Penggunaan Element Tag <a> Sebagai Link Antar Halaman

Link digunakan untuk menghubungkan satu halaman dengan halaman yang lainnya. Penggunaan link pada elemen <a> akan menghasilkan halaman web yang dinamis yang dapat diarahkan ke halaman manapun di dalam wilayah dokumen HTML tersebut. Untuk membuat sebuah link antar halaman paling tidak diperlukan dua buah halaman, yaitu hal_pertama.html dan hal_kedua.html.

Konteks dari link antar halaman adalah jika pengguna melakukan klik pada tautan di halaman pertama, maka akan diarahkan menuju hal_kedua.html. Jika pengguna sudah masuk pada halaman ke-dua dan melakukan klik pada tautan, maka akan diarahkan pada hal_pertama.html.

Berikut isi dari hal_pertama.html :

<!DOCTYPE html>
<html>
<head>
<title>Halaman Pertama</title>
</head>
<body>
   <h2>Ini adalah halaman yang pertama</h2>
   <p>Silahkan klik menuju <a href="hal_kedua.html">halaman yang kedua</a></p>
</body>
</html>

Tampilan hal_pertama.html pada browser :

Berikut ini isi dari hal_kedua.html :

<!DOCTYPE html>
<html>
<head>
<title>Halaman Ke-dua</title>
</head>
<body>
   <h2>Ini adalah halaman yang ke-dua</h2>
   <p>Silahkan klik menuju <a href="hal_pertama.html">halaman yang pertama</a></p>
</body>
</html>

Tampilan hal_kedua.html pada browser :

Browser Pendukung :

Global Attributes :

Tag <a> mendukung Global Atribut di dalam HTML yang artinya bahwa pada tag ini dapat sisipkan atribut yang bersifat global yang secara umum berlaku pada semua komponen tag HTML.
Silahkan kunjungi Atribut Global Pada HTML untuk mengetahui detail global atribut pada HTML

Event Attributes :

Tag <a> mendukung Event Atribut atau atribut acara (kejadian). Atribut acara ini merupakan wilayah javascript tentang bagaimana menampilkan halaman web. Misalnya saat halaman web sedang loading (onload) sampai interaksi user pada halaman web tersebut seperti scrolling layar (onscroll), menekan tombol pada keyboard (onkeypress, onkeydown), mengarahkan mouse (onmouseover) dan lainnya.
Silahkan kunjungi Event Atribut Pada HTML untuk mengetahui detail event atribut pada HTML.

Pengaturan Default CSS :

Nilai default pengaturan gaya untuk elemen <a> pada HTML :

a:link {
   color: blue;
   text-decoration: underline;
   cursor: pointer;
}
a:visited {
   color: purple;
   text-decoration: underline;
   cursor: pointer;
}
a:active {
   color: red;
   text-decoration: underline;
   cursor: pointer;
}

20 Agt 2022

Apa itu tag link HTML?

Apa itu Link di HTML? Link atau Hyperlink adalah elemen HTML yang berfungsi menghubungkan suatu halaman web ke halaman web yang lain. Elemen ini bisa diklik.. dan nanti akan membuka halaman lain sesui alamat URL yang diberikan.

Bagaimana Membuat tag link di HTML?

HTML menggunakan tag <a>untuk keperluan ini. Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference). Agar lebih jelas, kita akan lihat menggunakan contoh.

Apa fungsi tag li *?

list atau yang kita kenal dengan daftar berurutan merupakan fungsi dalam HTML yang digunakan untuk menampilkan data secara berurutan ke bawah. Dalam HTML penilisan list menggunakan tag <li>. dalam membuat list pada HTML ini terdapat dua jenis tampilan list yang bisa di gunakan yaitu ordered list dan unordered list.

Apa fungsi dari tag A?

Fungsi a Pada HTML lainnya dari “a” pada HTML adalah dapat menentukan dokumen yang telah dibuka dengan dokumen yang lainnya pada sebuah halaman HTML. Contohnya bisa dilihat seperti ini. Dari contoh di atas, bisa kita lihat pada bagian (rel=”nofollow”) umumnya digunakan ketika kita menambah referensi halaman web lain.