Lebih "Cobalah Sendiri" contoh di bawah ini.
Definisi dan Penggunaan
The <a> mendefinisikan sebuah hyperlink, yang digunakan untuk menghubungkan dari satu halaman ke halaman lain.
Atribut yang paling penting dari <a> elemen adalah href atribut, yang menunjukkan tujuan link.
Secara default, link akan muncul sebagai berikut di semua browser:
- Link yang belum dikunjungi adalah digarisbawahi dan biru
- Sebuah link dikunjungi adalah digarisbawahi dan ungu
- Link aktif adalah digarisbawahi dan merah
Dukungan Browser
Elemen | |||||
---|---|---|---|---|---|
<a> | iya nih | iya nih | iya nih | iya nih | iya nih |
Tips dan Catatan
Tip: The following atribut: download, hreflang, media, rel, target , dan type tidak bisa hadir jika href atribut tidak hadir.
Tip: Sebuah halaman yang terhubung biasanya ditampilkan di jendela browser saat ini, kecuali jika Anda menentukan target lain.
Tip: Gunakan CSS untuk gaya link: CSS Links Tutorial & Buttons CSS Tutorial
Perbedaan Antara HTML 4.01 dan HTML5
Dalam HTML 4.01, yang <a> tag bisa berupa hyperlink atau jangkar. Di HTML5, yang <a> tag selalu hyperlink, tetapi jika tidak memiliki href atribut, itu hanya sebuah tempat untuk hyperlink.
HTML5 memiliki beberapa atribut baru, dan beberapa HTML 4.01 atribut yang tidak lagi didukung.
atribut
= Baru di HTML5.
Atribut global
The <a> tag juga mendukung Atribut Global di HTML .
Atribut acara
The <a> tag juga mendukung Acara Atribut di HTML .
Coba Sendiri - Contoh
Buat hyperlink
Cara membuat hyperlink.
Gambar sebagai link
Cara menggunakan gambar sebagai link.
Membuka link di jendela browser baru
Cara membuka link di jendela browser baru, sehingga pengunjung tidak harus meninggalkan situs Web Anda.
Buat link mailto
Bagaimana untuk link ke pesan email (hanya akan bekerja jika Anda telah mail yang terinstal).
Buat link mailto 2
mailto link lain.
Link ke elemen dengan tertentu id
Bagaimana untuk link ke sebuah elemen dengan tertentu id dalam halaman (yang name atribut tidak didukung di HTML5).
Link ke JavaScript
Bagaimana menambahkan JavaScript dalam href atribut.
Pages terkait
Tutorial HTML: Link HTML
Referensi HTML DOM: Jangkar Object
CSS Tutorial: Styling Links
Pengaturan Default CSS
Kebanyakan browser akan menampilkan <a> elemen dengan nilai default berikut:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
}
Atribut | Nilai | Deskripsi |
---|---|---|
charset | char_encoding | Tidak didukung di HTML5. Menentukan karakter-set dokumen terkait |
coords | coordinates | Tidak didukung di HTML5. Menentukan koordinat link |
download | filename | Menentukan bahwa target akan di-download ketika pengguna mengklik hyperlink |
href | URL | Menentukan URL dari halaman link pergi ke |
hreflang | language_code | Menentukan bahasa dokumen terkait |
media | media_query | Menentukan apa yang media / perangkat dokumen terkait dioptimalkan untuk |
name | section_name | Tidak didukung di HTML5. Gunakan global id atribut sebagai gantinya. Menentukan nama anchor |
rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Menentukan hubungan antara dokumen saat ini dan dokumen terkait |
rev | text | Tidak didukung di HTML5. Menentukan hubungan antara dokumen terkait dan dokumen saat |
shape | default rect circle poly | Tidak didukung di HTML5. Menentukan bentuk link |
target | _blank _parent _self _top framename | Menentukan di mana untuk membuka dokumen terkait |
type | media_type | Menentukan jenis media dari dokumen terkait |