Langsung ke konten utama

HTML Tag Anchor

Tag <a> pada HTML digunakan untuk menciptakan sebuah hyperlink pada laman webHyperlink digunakan untuk menghubungkan webpage dengan webpage lainnya.

Sintak:
<a href = "link"> Nama Link <a>

Nilai atribut: Tag anchor <a> mengandung banyak atribut seperti diperlihatkan berikut ini:
  • satu, charset: Atribut ini digunakan untuk menentukan kelompok karakter. Atribut ini tidak didukung penggunannya pada HTML5.
  • dua, download: Digunakan untuk menentukan target link untuk di-download ketika diklik.
  • tiga, hreflang: Digunakan untuk menentukan bahasa dari dokumen link.
  • empat, media: Digunakan untuk menentukan link media.
  • lima, coords: Digunakan untuk menentukan koordinat dari link. Atribut ini tidak didukung penggunaannya pada HTML5.
  • enam, name: Digunakan untuk menentukan nama anchor. Atribut ini tidak didukung penggunannya pada HTML5.
  • tujuh, rel: Digunakan untuk menentukan hubungan antara dokumen saat ini dengan dokumen yang terhubung.
  • delapan, shape: Digunakan untuk menentukan bentuk dari link. Atribut ini tidak didukung penggunaannya pada HTML5.
  • sembilan, type: Digunakan untuk menentukan tipe dari link.
  • sepuluh, target: Digunakan untuk menentukan target link.
  • sebelas, rev: Digunakan untuk menentukan hubungan antara link dokumen dengan dokumen saat ini. Atribut ini tidak didukung penggunannya pada HTML5.

Contoh 1:

<!DOCTYPE html>

<html>

 

<head>

<title>

tag anchor

</title>

</head>

 

<body>

<p>

Selamat datang di

 

<

href = "https://elfanmauludi-ptk.blogspot.com/">

Metodologi Penelitian

</a>

</p>

</body>

 

</html>

Output:
Selamat datang di Metodologi Penelitian

Contoh 2:

<!DOCTYPE html>

<html>

 

<head>

<title>

tag anchor

</title>

</head>

 

<body>

<p>

Klik gambar</p>

<!-- tag anchor mulai dari sini-->

<

href="https://elfanmauludi-ptk.blogspot.com/">

 

<img 

src =

"https://2.bp.blogspot.com/-HIpgrPEaPN0/YKiLXxnkV3I/AAAAAAAANwY/tkZSGxfbrCwvRpwZT1b6BH53zgfn8NQxwCK4BGAYYCw/s35/964d6513-5fb5-479e-b018-c0af234fddca.jpg"

 

width = "300" 

height="250"

>

 

</a>

<!-- tag anchor berakhir disini -->

  

</body>

</html>

Output:

Klik gambar


Kebanyakan browser menampilkan tag elemen <a> dengan diikuti pengaturan default seperti berikut:
<style>
a:link,a:visited 
{
color: (internal value);
text-decoration: underline;
cursor: auto;}

a:link:active,a:visited:active 
{color: (internal value);}
</style>

Komentar

  1. Achor adalah bagian dari teks yang menandai awal dan atau akhir dari sebuah hypertext pada html. Teks yang terdapat antara tag pembukan dan tag penutup merupakan awalan atau tujuan dari sebuah link.

    BalasHapus
  2. Tag anchor merupakan elemen html yang membuat link ke url target. Ketika diterapkan dengan benar, maka tautan dapat membungkus sebuah teks, gambar, atau button, sehingga user dapat berinteraksi dengan anchor tersebut dan mengnjungi tujuan yang dituju dari tag anchor atau link tersebut.

    BalasHapus
  3. Tag anchor pada dasarnya merupakan tag yang dapat digunakan user untuk melampirkan kata atau frasa seperti yang digunakan pada tautan internal ataupun tautan eksternal, kecuali tag tersebut membawa pembaca ke bagian halaman yang berbeda dari halaman website lain. User pada dasarnya membuat URL unik pada halaman web yang sama ketika menggunakan tag tersebut.

    BalasHapus
  4. Apakah penggunaan elemen a tanpa menggunakan atribut href adalah valid pada html?

    BalasHapus
    Balasan
    1. Iya, Elemen < a > tanpa menggunakan atribut href pada dasarnya masih valid, jika hal tersebut masih terkait pada semantik dan gaya, elemen < a > bukanlah tautan link kecuali elemen tersebut telah meiliki atribut href.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D