Belajar Element HTML: <a>
Tag <a> digunakan untuk membuat link ke sebuah URL halaman website, bagian dalam halaman web, atau alamat email.
Elemen <a> disebut juga element anchor atau hyperlink yang menghubungkan antara halaman website yang satu dengan lainnya.
Attribut terpenting yang dimiliki elemen <a> yaitu href yang menunjukkan tujuan link yang akan dituju.
Kamu bisa menggunakan tag <a> untuk membuat link dengan teks atau gambar.
Syntax
Tag <a> ditulis seperti <a href=""></a> dengan URL link diantara kedua tanda " " pada atribut href dan teks anchor diantara tag pembuka dan penutup.
<a href="https://codingku.id">Belajar HTML di codingku.id</a>Membuka link pada jendela atau tab baru
Kamu bisa menggunakan target="_blank" untuk membuka link di tab baru.
<a href="https://codingku.id" target="_blank">Belajar HTML di codingku.id</a>Link Gambar
Bungkus tag <img> dengan tag <a> untuk membuat link gambar.
<a href="https://id.wikipedia.org/wiki/Bali" target="myTab">
<img src="/images/html/kuta-bali.jpg" alt="Pulau Bali">
</a>Atribut Khusus pada Elemen <a>
Berikut ini atribut khusus yang ada pada elemen <a>:
href
Menentukan target link ke URL halaman website
Required."https://codingku.id"
Untuk membuat link URL absolute
"/element/div"
Untuk membuat link URL relative sub direktori ke domain root.
"#footer"
Untuk menargetkan ke sebuah elemen HTML dalam satu halaman website. Disini kami menargetkan ke elemen <header id="header">
"mailto:alex@smith.com"
You can use the mailto protocol. Clicking the link will open the user's email client.
target
Menentukan tab atau window yang akan ditampilkan saat link di klik.
"_blank"
Untuk membuka jendela browser atau tab baru.
"_self"
Membuka link pada tab browser yang sama sebelumnya.
"_parent"
Membuka link ke parent halaman yang terkait.
"_top"
membuka link ke atas halaman yang terkait.
rel
Menentukan cara menargetkan link yang terkait ke halaman website yang sedang terbuka.
"nofollow"
Target link tidak terkait. Biasanya hanya digunakan pada link yang mengarah ke website lain.
"alternate"
Memberikan representasi alternatif dari dokumen saat ini.
"author"
Memberikan tautan ke penulis dokumen saat ini.
"bookmark"
Menyediakan permalink untuk bagian elemen ancestor terdekat.
"help"
Memberikan tautan bantuan konteks sensitif.
"license"
Menunjukkan bahwa konten utama dokumen saat ini dicakup lisensi hak cipta yang dijelaskan oleh dokumen yang direferensikan
"next"
Menunjukkan kalau dokumen saat ini merupakan bagian dari seri, dan dokumen berikutnya dalam seri adalah dokumen yang direferensikan
"noreferrer"
"prefetch"
"prev"
Menunjukkan kalau dokumen saat ini merupakan bagian dari seri, dan dokumen sebelumnya dalam seri adalah dokumen yang direferensikan
"search"
"tag"
type
"media_type"
Menentukan jenis media dari dokumen yang ditautkan.
Pengaturan Default CSS
Sebagian besar browser menampilkan elemen <a> dengan pengaturan CSS:
a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (internal value);
}