HTML anchor Tag

html anchor tag

HTML anchor tag is used to put hyperlinks inside HTML.

The anchor tags are used to link pages and move from one page to another page.


Syntax

Output

This is the anchor text

HTML anchor tag with absolute web url

An absolute web address is an address inside href attribute of anchor tag given by full website url.

Output

HTML paragraph tutorial

HTML anchor tag with relative web url

A relative web address is a address point to the same website.

Output

This is relative URL for HTML table tutorial

Anchor tag target attribute

The target attribute of anchor tag is used to specify the location to open the linked web document.

Sr. No.target atribute optionsDescription
1_blankOpen the linked document in the new window/tab
2_selfOpen the linked document in the same window/tab
3_parentUsed to create header cells in a table.
4_topUsed to create a cells in each rows of a table.

Output

HTML table tutorial
HTML table row tutorial
HTML table cell tutorial
HTML table body tutorial

Anchor tag with email links

If you want your users to mail you some message then you have to place your email id with subject inside href attribute of anchor tag.

Output

[email protected]

Anchor tag with download links

If you want place download link for files with extensions zip, doc, pdf etc. You need to place destination url of the file inside href attribute of the anchor tag.

Output

file for zip
file for doc
file for pdf

Resources and References

1. W3C Specification.
2. HTML living standard
3. W3C project using Github

Leave a comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.