Apa itu tag link html?

The HTML link tag is used for defining a link to an external document. It is placed in in the <head> section of the document.

Table of Contents Show

Cara Membuat link di HTML
Alamat Absolute dan Alamat Relatif
Atribut tag <a>: target
Apa itu link di HTML?
Bagaimana Membuat tag link di HTML?
Bagaimana cara menulis link?
Manakah yang termasuk ke dalam atribut hyperlink adalah?

The HTML link tag is commonly used for linking to an external style sheet.

Despite its name ("link"), the link tag is not used for creating a hyperlink to another HTML document. If you need to link to another HTML document, use the HTML <a> tag.

Example

Attributes

Attributes specific to this tag:
Attribute	Description
none
Other Attributes:
Attribute	Description
dir	Specifies the direction of the text
class	Document wide identifier.
id	Document wide identifier
lang	Language code
title	Specifies a title to associate with the element. Many browsers will display this when the cursor hovers over the element (similar to a "tool tip").
style	Inline style (CSS)
href	Specifies the URL of the resource document.
hreflang	Language code of the destination URL
type	The MIMEtype of content at the link destination
rel	Describes the relationship between the current document and the destination URI. alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection
rev	Describes a reverse between the destination URI and the current document. Possible values: alternate appendix bookmark chapter contents copyright glossary help home index next prev section start stylesheet subsection
target	Specifies the target frame to load the page into. Possible values: _blank _self _top _parent
media	Specifies the device the document will be displayed on. Possible values: all braille print projection screen speech
charset	Defines the character encoding of the linked document.
onclick	Intrinsic event (see event handlers)
ondbclick	Intrinsic event (see event handlers)
onmousedown	Intrinsic event (see event handlers)
onmouseup	Intrinsic event (see event handlers)
onmouseover	Intrinsic event (see event handlers)
onmousemove	Intrinsic event (see event handlers)
onmouseout	Intrinsic event (see event handlers)
onkeypress	Intrinsic event (see event handlers)
onkeydown	Intrinsic event (see event handlers)
onkeyup	Intrinsic event (see event handlers)

HTML5 Tags

The information on this page is based on HTML version 4.01. Most modern browsers now support HTML5.

See HTML5 <link> Tag for the HTML5 version of the above element.

See this list of HTML tags for the latest list of HTML elements.

Belajar HTML Dasar Part 10: Cara Membuat link di HTML (tag a)

28 Apr 13 | | Tutorial HTML | |

Link adalah tujuan kata Hypertext dari kepanjangan HTML. Dalam tutorial belajar HTML dasar kali ini kita akan membahas cara membuat link di HTML.

Cara Membuat link di HTML

Tujuan kata Hypertext dari HTML adalah membuat sebuah text yang ketika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag <a>untuk keperluan ini.

Link ditulis dengan <a> yang merupakansingkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).

Agar lebih jelas, kita akan lihat menggunakan contoh. Silahkan buka text editor dan buat kode seperti dibawah ini.

Contoh penggunaan tag link <a>:

<!DOCTYPE html>
<html>
<head>
  <title>Penggunaan Tag Link </title>
</head>
<body>
  <h2>Belajar Tag Link</h2>
  <p>Saya sedang belajar HTML dari 
  <a href="https://www.duniailkom.com">Duniailkom</a></p>
</body>
</html>

Alamat Absolute dan Alamat Relatif

Pada contoh diatas kita menuliskan alamat link secara lengkap dengan bagian “http://www.”. Penulisan seperti ini disebut juga dengan external link, yang berarti kita membuat link ke alamat lain di internet, atau lebih dikenal dengan: alamat absolut.

Alamat absolut adalah penulisan alamat file dengan menyertakan nama website, seperti: href=”https://www.duniailkom.com/belajar_html.html”, atau href=”http://www.wikipedia.org”.

Namun jika kita ingin membuat link di dalam situs yang sama, maka tidak perlu menyebutkan alamat lengkap tersebut. Tetapi cukup mencantumkan alamat file yang dituju relatifkepada file saat ini. Jenis alamat ini disebut alamat relatif.

Sebagai contoh alamat relatif, apabila kita ingin membuat link kepada file hello.html pada folder yang sama dengan file saat ini, maka atribut hrefnya, berisi: href=”hello.html”. Berikut adalah kode HTMLnya:

Contoh penggunaan tag link <a> untuk alamat relatif:

<!DOCTYPE html>
<html>
<head>
  <title>Penggunaan Tag Link </title>
</head>
<body>
  <h2>Belajar Tag Link</h2>
  <p>Halaman HTML pertama saya adalah <a href="hello.html">Hello</a></p>
</body>
</html>

Alamat absolute ditulis dengan lengkap, seperti https://www.duniailkom.com, atau jika kita merujuk kepada halaman tertentu, menjadi https://www.duniailkom.com/nama_halaman.html.

Alamat relatif maksudnya adalah relatif kepada file tempat kita memanggil link ini. Seandainya nama file kita adalah belajar_link.html, dan dalam folder yang sama terdapat halaman belajar_list.html, kita dapat menggunakan href=”belajar_list.html” untuk membuat link ke halaman belajar_list.html .

Jika file tersebut berada di dalam folder lagi_belajar, maka alamat relatifnya menjadi href=”lagi_belajar/belajar_list.html”. Namun bagaimana jika halaman tersebut berada 2 tingkat di luar folder saat ini? Kita dapat menggunakan href=”../../belajar_list.html”, untuk naik 2 folder diatasnya.

Atribut tag <a>: target

Atribut penting lainnya dari tag <a> adalah target. Atribut ini digunakan untuk menentukan apakah link yang dituju terbuka di jendela browser saat ini, atau terbuka di jendela baru.

Secara default, setiap link yang kita tulis akan terbuka pada jendela yang sama (menimpa halaman web saat ini). Tetapi apabila kita ingin halaman tersebut terbuka pada tab baru, gunakan atribut target=”_blank”.

Contoh penggunaan tag link <a> dengan atribut target:

<!DOCTYPE html>
<html>
<head>
<title>Penggunaan Tag Link </title>
</head>
<body>
<h2>Belajar Tag Link</h2>
<p>Saya sedang belajar html dari <a href="https://www.duniailkom.com" 
target="_blank">Duniailkom</a> dan akan terbuka pada tab baru</p>
</body>
</html>

Jika kita men-klik link tersebut, maka halaman duniailkom.com akan terbuka di tab baru, dan tidak menimpa tab saat ini.

Selain digunakan untuk menghubungkan halaman HTML, Tag <a> juga bisa digunakan untuk dihubungkan ke bagian lain dari halaman yang sama, atau disebut Internal Link. Cara pembuatan internal link adalah dengan membuat link berisi atribut id dari tag lain. Untuk lebih jelasnya, akan kita bahas pada tutorial HTML Lanjutan: Cara Membuat Internal Link ke Bagian Lain Dokumen (atribut id).

Melanjutkan pembahasan mengenai tutorial belajar HTML dasar, pada tutorial selanjutnya kita akan membahas tentang Cara Menambahkan Gambar di HTML, menggunakan tag <img>.

eBook HTML Uncover Duniailkom

Anda serius ingin menguasai HTML? Duniailkom telah menyusun eBook HTML Uncover. eBook ini membahas HTML dengan lebih detail dan lebih lengkap hingga fitur terbaru HTML5. Penjelasan lebih lanjut bisa ke: eBook HTML Uncover Duniailkom.

Apa itu link di HTML?

Mengenal Link di HTML Hyperlink atau link sering digunakan untuk menghubungkan suatu halaman website ke halaman yang lain. Elemen yang menjadi link nantinya dapat diklik, yang mana selanjutnya akan mengarahkan kita ke halaman yang sudah ditentukan.

Bagaimana Membuat tag link di HTML?

HTML menggunakan tag <a>untuk keperluan ini. Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference). Agar lebih jelas, kita akan lihat menggunakan contoh.

Bagaimana cara menulis link?

Link ditulis dengan <a> yang merupakan singkatan cari anchor (jangkar). Setiap tag <a> setidaknya memiliki sebuah atribut href. Dimana href berisi alamat yang dituju (href adalah singkatan dari hypertext reference).

Manakah yang termasuk ke dalam atribut hyperlink adalah?

atribut yang digunakan hyperlink atau yang berada di dalam tag <a> yaitu, atribut href, target & rel, fungsi atribut ini untuk mengarahkan ke halaman website yang dituju.