HTML <A>
element
Referensi Belajar HTML a tag. Tutorial dan panduan mengenai element <a>..</a>
yang sering digunakan untuk membuat HTML link. mencakup penjelasan yang disertai contoh kode penggunaan sebagai referensi belajar HTMLelemen <a>
Deskripsi
Penjelasan HTML a (anchor link)
a
menunjukkan sebuah anchor. Apa itu anchor? Anchor adalah teks yang menunjukkan awalan dan akhiran sebuah hypertext link. HTML <a>
element digunakan untuk mendefinisikan sebuah hyperlink. Link dapat merujuk ke halaman yang sedang terbuka ataupun ke halaman lain (website lain).
Jika sebuah
a
element memiliki href
attribute, maka element tersebut menunjukkan sebuah hyperlink (hypertext anchor), tetapi jika element tersebut tidak memiliki href
attribute, maka element tersebut menunjukkan sebuah placeholder.
Attribute
target, download, rel, href
dan type
tidak boleh digunakan jika pada element a
tersebut tidak disebutkan href
attribute.
Jika
itemprop
attribute disebutkan (ditulis) pada a
element, maka href
attribute juga harus ditulis pada element tersebut.
Attributes
Atribut HTML Tag <a>
[Donwload]
Menunjukkan bahwa target dari link tersebut akan didownload ketika user mengkliknya.
[Donwload]
Menunjukkan bahwa target dari link tersebut akan didownload ketika user mengkliknya.Contoh diatas (Contoh 2) ketika didownload akan berubah nama menjadi "dulwebidlogo.png", tetapi jika
download
attribute tidak memiliki value (Contoh 1) maka nama file akan sesuai aslinya (dulwebid.png).Value: (name file baru yang yang ingin di download)
[href]
Menentukkan alamat URL atau nama ID halaman atau element yang akan dituju.
Value: (URL atau ID)
[hreflang]
Menentukkan bahasa yang digunakan pada halaman yang di link.
Value: (kode bahasa)
[media]
Menentukkan media query yang digunakan pada dokumen yang dirujuk oleh link tersebut.
Value: (media query)
[rel]
Menentukkan hubungan (relationship) antara dokumen yang sedang dibuka dan dokumen lain yang dirujuk oleh link tersebut.
Contoh diatas (
rel="nofollow"
) sering digunakan apabila kita mereferensikan halaman web lain dengan maksud untuk menginstruksikan search engine supaya tidak mengikuti link tersebut dan tidak memasukkannya dalam search engine ranking.Value:alternat
|author
|bookmark
|help
|license
|next
|nofollow
|noreferrer
|prev
|search
|tag
[target]
Menentukkan konteks jelajah dokumen yang di link, bagaimana cara membuka halaman yang dirujuk dari link tersebut?
Contoh diatas membuka halaman SulidNgoding dengan jendela baru (tab baru) ketika diklik.
Value:_blank
|_parent
|_self
|_top
| nama frame
[type]
Menentukkan tipe media dari halaman yang di link. Tipe media dapat dilihat selengkapnya di IANA Media Types
Value: (Tipe media (media_type))
Global Attributes
Atribut Secara Global (Keseluruhan)
<a> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.
Event Attributes
Atribut event (Peristiwa)
<a> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.
Example
Contoh HTML <a> element
Membuat HTML Link Sederhana <a href="https://sulitngoding.blogspot.co.id"/>Kunjungi sulitngoding</a>
0 Response to "Fungsi tag <a> HTML Dan Atributnya "
Post a Comment