Files
freeCodeCamp/mock-guide/english/html/attributes/href/index.md
Stuart Taylor 7da04a348b fix: Update packages and fix local dev (#26907)
<!-- Please follow this checklist and put an x in each of the boxes, like this: [x]. It will ensure that our team takes your pull request seriously. -->

- [x] I have read [freeCodeCamp's contribution guidelines](https://github.com/freeCodeCamp/freeCodeCamp/blob/master/CONTRIBUTING.md).
- [x] My pull request has a descriptive title (not a vague title like `Update index.md`)
- [x] My pull request targets the `master` branch of freeCodeCamp.
2018-10-23 18:48:46 +05:30

1.5 KiB
Raw Blame History

title
title
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 HREF attribute gets the exact meaning of a link depending on the element that is using it. For instance when using with the <a> tag, it is referencing the location of an object express as a URL. When using the HREF attribute with the <image> tag, the HREF attribute is referencing the URL of the image to render.

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 Googles Homepage</a>

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

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