Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Link HTML Menggunakan Tag Anchor

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

11 Atribut Utama yang Digunakan pada Tag Anchor HTML
Ilustrasi Tag Anchor HTML

Sebelum memahami lebih dalam materi tentang Membuat Link HTML Menggunakan Tag Anchor, terlebih dahulu pelajari materi tentang: Tag Doctype HTML dan Penjelasannya [klik], Cara Memecah Kalimat dengan Tag WBR HTML5 [klik], dan Membuat Kesimpulan Menggunakan Tag Summary HTML5 [klik].

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.

Baca Juga:

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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSV70JcYqrChVpF9VdaGjawJce3dWASSbVsx0ivlmripZNLL9chV9hckD_YmD1A75upMS5UA3VnBCiVqZUVIjrLYWQlW06bsilcRSFzWjRIW3YyUe_36k92ERajOqyNnueYjl6sisfdTg/s35/964d6513-5fb5-479e-b018-c0af234fddca.jpg"

 

width = "300" 

height="250"

>

 

</a>

<!-- tag anchor berakhir disini -->

  

</body>

</html>


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>

5 komentar untuk "Membuat Link HTML Menggunakan Tag Anchor"

  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

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -