tutorial pengembangan web terbaru
 

HTML <a> Tag


Contoh

Sebuah link ke w3ii.com:

<a href="http://www.w3ii.com">Visit w3ii.com!</a>
Cobalah sendiri "

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