Attributes – A Href Attribute


A Href Attribute

The <a href> attribute refers to a destination provided by a link. The a (anchor) element is dead without the <href> attribute. Sometimes in your workflow, you don’t want a live link or you won’t know the link destination yet. In this case, it’s useful to set the href attribute to "#" to create a dead link ,that is, a link to the same page. The href attribute can be used to link to local files or files on the internet.

For instance:

<html> <head> <title>href Attribute Example</title> </head> <body> <h1>href Attribute Example</h1> <p> <a href="https://contribute.Codevarsity.org/">The Codevarsity Contribution Page</a> shows you how and where you can contribute to Codevarsity's community and growth. </p> </h1> </body> </html>

The <a href> attribute is supported by all browsers.

Syntax

<a href="URL">

URL: The URL of the link.

Possible values:

  • An absolute URL – points to another web site (like <a href="https://www.Codevarsity.org">link text</a>)
  • A relative URL – points to a file within a web site (like <a href="index.html">link text</a>)
  • Link to an element with a specified id within the page (like <a href="#id-name">link text</a>)

More attributes:

hreflang : Specifies the language of the linked resource.
target : Specifies the context in which the linked resource will open.
title : Defines the title of a link, which appears to the user as a tooltip.

Examples

<a href="#">This is a dead link</a> <a href="https://www.Codevarsity.org">This is a live link to Codevarsity</a> <a href="https://html.com/attributes/a-href/">more with a href attribute</a>

In-page anchors

It’s also possible to set an anchor to a certain place on the page. To do this, you should first place an <a> tag at the location and include the necessary attribute name with any keyword description in it, like this:

<a name="top"></a>

A description between tags is not required. You can now place a link leading to this anchor at any place on the same page. To do this, you should use the <a> tag with the necessary attribute “href” with symbol # (sharp) and key-word description of the anchor, like this:

<a href="#top">Go to Top</a>

Image Links

The <a href="#"> may also be applied to images and other HTML elements.

Example

<a href="#"><img itemprop="image" style="height: 90px;" src="http://www.chatbot.chat/assets/images/header-bg_y.jpg" alt="picture"></a>

Some more examples of href

<base href="https://www.Codevarsity.org/a-href/">This gives a base url for all further urls on the page</a> <link href="style.css">This is a live link to an external stylesheet</a>

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