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 options Description
1 _blank Open the linked document in the new window/tab
2 _self Open the linked document in the same window/tab
3 _parent Used to create header cells in a table.
4 _top Used 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

roshan.01gd86@gmail.com

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 Reply

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