Tanda <a> HTML

Definisi dan penggunaan

<a> Tag menandai tautan, yang digunakan untuk menghubungkan halaman ke halaman lain.

<a> Atribut yang paling penting dari elemen adalah Atribut hrefyang menunjukkan tujuan tautan.

Secara default, tautan akan ditampilkan seperti ini di semua browser:

  • Tautan yang belum diakses memiliki garis bawah dan biru
  • Tautan yang sudah diakses memiliki garis bawah dan biru
  • Tautan yang sedang diakses memiliki garis bawah dan merah

Anda mungkin sudah mengetahui bahwa tampilan tautan di situs CodeW3C.com sangat berbeda dengan tampilan tautan standar. Anda dapat menggunakan Pseudo-kelas CSS Tambahkan gaya yang kompleks dan beragam ke tautan teks.

Lihat juga:

Tutorial HTML:Tautan HTML

Panduan referensi HTML DOM:Objek Anchor

Tutorial CSS:Gaya tautan

Penjelasan istilah

Apa itu Hyperlink?

Contoh

Contoh 1

Buat tautan menuju codew3c.com:

<a href="https://www.codew3c.com">Buka codew3c.com!</a>

Contoh 2

Bagaimana cara menggunakan gambar sebagai tautan:

<a href="https://www.codew3c.com">
<img border="0" alt="W3School" src="w3logo.png" width="400" height="225">
</a>

Contoh 3

Bagaimana cara membuka tautan di jendela browser baru:

<a href="https://www.codew3c.com" target="_blank">Buka codew3c.com!</a>

Contoh 4

Bagaimana cara menghubungkan ke alamat email:

<a href="mailto:someone@example.com">Kirim email</a>

Contoh 5

Bagaimana cara menghubungkan ke nomor telepon:

<a href="tel:+8613888888888">+86 138 8888 8888</a>


<a href="#section2">Pergi ke bab kedua</a>


<a href="javascript:alert('Hello World!');">Lakukan JavaScript</a>

Halaman yang dihubungkan biasanya ditampilkan di jendela peramban saat ini, kecuali Anda menentukan tujuan lain (dengan atribut target).

Tautan CSS Tombol CSS.

Menentukan tujuan yang akan diunduh saat pengguna mengklik tautan.
Menentukan URL halaman yang dituju tautan.
Menentukan bahasa yang digunakan dalam dokumen yang dihubungkan.
Menentukan media apa yang disesuaikan untuk dokumen yang dihubungkan.
Menentukan daftar URL yang dipisahkan spasi, saat tautan diakses, peramban akan mengirim permintaan POST dengan isian ping (di kirim di latar belakang). Biasanya digunakan untuk pengumpulan data.
Menentukan informasi referensi yang akan dikirim bersamaan dengan tautan.
  • Next
 Menentukan hubungan antara dokumen saat ini dan dokumen yang dihubungkan.
target
Menentukan dimana dokumen yang dihubungkan akan dibuka.
type Jenis media Menentukan jenis media yang digunakan dalam dokumen yang dihubungkan.

Atribut global

<a> Tag ini mendukung Atribut global dalam HTML.

Atribut acara

<a> Tag ini mendukung Atribut acara dalam HTML.

Pengaturan CSS default

Sebagian besar peramban akan menampilkan nilai default berikut: <a> Elemen:

a:link, a:visited {
  warna: (nilai internal);
  text-decoration: underline;
  cursor: auto;
}
a:link:active, a:visited:active {
  warna: (nilai internal);
}

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan