1. Home

HTML a href Attribute

HTML <a> tag : The href attribute specifies the link's destination

Definition and Usage

The href attribute specifies the URL of the page the link goes to.

If the href attribute is not present, the <a> tag will not be a hyperlink.

Tip: You can use href="#top" or href="#" to link to the top of the current page!

Browser Support

Attribute
href Yes Yes Yes Yes Yes

Syntax

<a href="URL">

Attribute Values

Value Description
URL The URL of the link.

Possible values:

  • An absolute URL - points to another web site (like href="http://www.example.com/default.htm")
  • A relative URL - points to a file within a web site (like href="default.htm")
  • Link to an element with a specified id within the page (like href="#section2")
  • Other protocols (like https://, ftp://, mailto:, file:, etc..)
  • A script (like href="javascript:alert('Hello');")

More Examples

Example

How to use an image as a link:

<a href="https://w3resource.net">
<img border="0" alt="w3resource" src="logo_w3s.gif" width="100" height="100">
</a>

Example

How to link to an email address:

<a href="mailto:someone@example.com">Send email</a>

Example

How to link to a phone number:

<a href="tel:+4733378901">+47 333 78 901</a>

Example

How to link to another section on the same page:

<a href="#section2">Go to Section 2</a>

Example

How to link to a JavaScript:

<a href="javascript:alert('Hello World!');">Execute JavaScript</a>

❮ HTML <a> tag

Categories

HTML CSS3 Bootstrap Foundation Sass JavaScript TypeScript JQuery AngularJS React NodeJS Highcharts PHP Python Python3 Django Linux Docker Ruby Java C C ++ Perl Servlet JSP Lua Scala Go ASP C # SQL MySQL SQLite MongoDB Redis Android Swift ionic Kotlin XML tutorial

Contact US