11 Atribut Utama yang Digunakan pada Tag Anchor HTML

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:
  • charset: Atribut ini digunakan untuk menentukan kelompok karakter. Atribut ini tidak didukung penggunannya pada HTML5.
  • download: Digunakan untuk menentukan target link untuk di-download ketika diklik.
  • hreflang: Digunakan untuk menentukan bahasa dari dokumen link.
  • media: Digunakan untuk menentukan link media.
  • coords: Digunakan untuk menentukan koordinat dari link. Atribut ini tidak didukung penggunaannya pada HTML5.
  • name: Digunakan untuk menentukan nama anchor. Atribut ini tidak didukung penggunannya pada HTML5.
  • rel: Digunakan untuk menentukan hubungan antara dokumen saat ini dengan dokumen yang terhubung.
  • shape: Digunakan untuk menentukan bentuk dari link. Atribut ini tidak didukung penggunaannya pada HTML5.
  • type: Digunakan untuk menentukan tipe dari link.
  • target: Digunakan untuk menentukan target link.
  • rev: Digunakan untuk menentukan hubungan antara link dokumen dengan dokumen saat ini. Atribut ini tidak didukung penggunannya pada HTML5.

Contoh:

<!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:

<!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, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung. :D

*Jika terdapat typo, link bermasalah, dan lain sebagainya, pengunjung dapat melaporkan permasalahan tersebut melalui WA: +62-896-2514-6106




~ Ikatlah Ilmu dengan Memostingkannya ~

Referensi Tambahan:

Enkapsulasi pada Java

6 Contoh Program Method Overloading pada Java

2 Jenis Utama Kegiatan Penelitian Berdasarkan Waktunya, Crosssectional Salah Satunya

3 Jenis Utama Looping pada Java

Perbedaan stdio.h dan stdlib.h pada Bahasa C

3 Jenis Utama Teks Komentar pada Bahasa Pemrograman Java