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
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.
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>
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
<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>