Attribute – Href


Href

Hypertext Reference (HREF) is an HTML attribute that you use to specify a link destination or Uniform Resource Locator (URL). Most commonly you will see the HREF attribute paired with an anchor tag <a>.

The exact behavior of the HREF attribute depends on the element that is using it. For instance, when used with the <a> tag, it is referencing the location of an object expressed as a URL. When using the HREF attribute with the <image> tag, the HREF attribute is referencing the URL location of an image to render.

Additionally, an HREF may also reference a file on a server or a local directory. A directory can be considered a folder on a computer. For instance, you might wish to create a hyperlink that points to the main page of a website. Typically the main page of a website has the file name index.html, so instead of a full URL, you may simply type index.html. Please note that if the file is not in the same directory it may require you to add a / or a ../ to move into or out of the current directory.

Examples:

Link to Google’s Homepage:

-> The text “Visit Google’s Homepage” acts like the link to the Homepage

<a href="https://www.google.com">Visit Google’s Homepage</a>

Above href is an attribute and https://www.google.com is its value.

Image as an Link:

-> Google Logo that refers to Google’s Homepage

<a href="https://www.google.com"> <img border="0" alt="Google" src="https://www.google.com/logos/doodles/2015/googles-new-logo-5078286822539264.3-hp2x.gif" width="100" height="100">

Link to an index file on the same directory:

-> The text “Index File” acts like the link to a file titled index.html

<a href="index.html">Index File</a>

Tags that use HREF:

<a> <area> <base> <cursor> <discard> <feImage> <hatch> <image> <link> <mesh> <meshgradient> <mpath> <pattern> <script> <textPath> <use>

More Information:

WTF is a href anyway

MDN

This article needs improvement. You can help improve this article. You can also write similar articles and help the community.