Apa itu Anchor Tag

Anchor Tag dalam HTML digunakan untuk membuat Hyperlink. Ini bisa menjadi Internal Link atau External Link.
Sebuah hyperlink bergabung halaman web dengan halaman web lainnya, dan dengan demikian, situs web terbentuk.

Membuat a Hyperlink

<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>
<a href="#">Link</a> ( Simple Link)

</body>
</html>

Properties sebuah anchor tag

      1. Blue in color
      1. Underlined
      1. On mouseover, cursor changes to pointer.
      1. Onclick, it turns red, till mouse left cick is on
      1. After a click, it turns purple

Hypertext Reference ( href=””)

href=”” Atribut yang digunakan dalam jangkar tag untuk menentukan URL (Uniform Resource Lokasi) dari link halaman untuk pergi.
Ini bisa menjadi relatif Link , absolut atau gambar.


Relative Link


Sebuah Link relatif digunakan untuk menghubungkan halaman dalam domain yang sama.

<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>

<a href="page.extension">Learn Web Designing Online</a> ( Relative link)

</body><br>
</html>

Relative link pada webpage

Link

Absolute Link

Sebuah link Absolute digunakan untuk menghubungkan halaman dari jalan Absolute mereka. untuk exp

Link iIni sebuah link Absolute karena mengandung nama domain dan halaman.

Cara membuat Absolute link?

<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>

<a href="http://www.domain.com">Link</a> ( Absolute Link)
<a href="http://www.facebook.com/ericxeckstein">Join us on Facebook</a> ( Our facebook page)
</body>

</html>

Absolute link on a webpage

Link
Join us on Facebook

Target

Sebuah atribut target (target = “”) digunakan untuk memberitahu jendela di mana untuk membuka link tertentu.
Berbagai nilai target

  1. _self ( By Default) Open the link in same window
  2. _blank Open the link in new window
  3. _parentOpen the link on frameset parent of current frame
  4. _topBreak all windows and open link in entire window
  5. name of frame( iframe or frame)Open the link on frame whose name is there
<! doctype html>
<html>
<head>
<title>HTML Link</title>
</head>
<body>
<iframe name="frame1" width="90%" height="200"></iframe>
<a href="https://www.godzealous.com" target="_self">_self</a><br>
<a href="https://www.godzealous.com" target="_blank">_blank</a><br>
<a href="https://www.godzealous.com" target="_parent">_parent</a><br>
<a href="https://www.godzealous.com" target="_top">_top</a><br>
<a href="www.godzealous.com" target="frame1">frame1</a><br>
</body><br>
</html>

Click here to add your own text

Click on the link to see behavior of following target



_self
_blank
_parent
_top
frame1