Saturday, July 24, 2021

HTML Anchor tag: Anchor tag in HTML - HTML Tutorial

HTML Anchor tag:

The HTML anchor tag defines a hyperlink that links one page to another page. It can create hyperlink to other web page as well as files, location, or any URL. The "href" attributer is the most important attribute of the HTML a tag. and which links to destination page or URL

href attribute of HTML anchor tag:

The href attribute is used to define the address of the file to be linked. In other words, it points out the destination page.

The Syntax of anchor tag is given below:

<a href="#">Link Text </a>

Example:

<a href="second.html">Click of Second Page</a>

Output:

target attribute of HTML anchor tag:

If we want to open that link to another page then we can use garget attribute of <a> tag. With the help of this link will be open in next page.

Example:

<!DOCTYPE html>

<html>

<head>

<title> </title>

</head>

<body>

<p> Click on  <a href="https://www. shaahnawaz.com/" target="-blank">this-link</a>to go on home page of Mohammad Shahnawaz.</p>

</body>

</html> 

Output:

Note: 

  1. The target attribute can only use with href attribute in anchor tag.
  2. If we will not use target attribute then link will open in same page.

Appearance of HTML anchor tag:

An unvisited link is displayed underlined and blue.

A visited link displayed underlined and purple.

An active link is underlined and red.


0 comments:

Post a Comment