Scenario.

In this example, you'll learn about Anchors, and Hyperlinks, their differences, and the way they work. Hope your cerebrum catches up with this easily.

Anchor <a>.

Anchor <a> tag is an HTML element used to define a link in a document. The following attributes are use with the <a> tag.

• HREF [ The HREF attribute defines the destination of a link.]
• NAME [ The NAME attribute defines a "value" that can be used with the HREF attribute.] -Deprecated, but supported by all major browsers-
• ID [ The ID attribute defines a "value" that can be used with the HREF attribute.] -Highly Recommended-

Anchor Name.

The NAME attribute <a name> is used to define the anchor name's value.

The anchor name's value is used to link, between articles, within a page (Bookmark).

This is always placed inside the <a> element. It's used the same way as the HREF attribute for a hyperlink. See illustration below.

The name attribute of the <a> element is deprecated in XHTML.

<a name="AnchorNameTuts">Anchor Name Tutorials.</a>

ID.

The ID attribute <element id="value"> is used the same way as the NAME attribute.

ID can be used with almost every HTML element.
The ID attribute is XHTML specified, and highly recommended. See illustration below.

<a id="IDTuts">ID Tutorials.</a>

<element id="IDTuts">ID Tutorials.</a>

HREF.

The HREF attribute is used to define a destination for a hyperlink. This could be used to define an absolute or a relative destination link. See illustration below.

<a href="URL">Destination description Text.</a>

Examples Of Hyperlinks.

In the examples below, the defined ID's value "IDTuts" is used for the HREF's "URL". For the HREF to reach a destination correctly. The ID's value must always start with a hash sign [#] like this: #IDTuts. See illustration below.

The HREF is also used to create an E-mail Hyperlink. Learn how.

<a href="https://www.anothersite.com/tutorials.html">
Tutorials</a>

<a href="https://www.mysite.com/tutorials.html#IDTuts">
ID Tutorials</a>

<a href="#IDTuts">ID Tutorials</a>

Explanation.

• The first link will absolutely reach the www.anothersite.com as in the "URL" of the HREF attribute, and to a page named tutorials.html.
• The second link will reach a page on www.mysite.com, named tutorials.html, and to an article with a defined ID's value "IDTuts".
  • Note: Using a defined ID or an Anchor name for an HREF's URL, a hash sign [#] must always be placed in front of the ID's value like this: [#IDTuts]
• The third link will relatively, reach to a bookmarked destination within the same document with an ID's value "IDTuts".

Image As Hyperlink.

Image could also be used as a hyperlink button. See illustration below.

<a href="URL"><img src="URL"></a>

The Hyperlink is set around the image URL. So whenever a user click on the image it will send them to a targeted destination.

HTML Anchor Hyperlinks