HTMl Links, Tutorialspoint, W3Schools HTMl Links

HTML Links - Hyperlinks

In HTML, links are defined with the <a> tag. When you move the mouse over a link, the mouse arrow will turn into a little hand. Mainly we are using Text Links, Image Links, Email Links.

Text Links

<html>
    <head>
    <title>Hyperlinks - Text Link</title>
    </head>
    <body>
    <p>This is Text Link</p>
<a href="http://www.freetimelearn.com/" target="_blank">Click Here</a>
    </body>
</html>

Output :

This is Text Link

Click Here

Image Links

<html>
    <head>
    <title>Hyperlinks - Image Link</title>
    </head>
    <body>

    <p>This is Image Link</p>
<a href="http://www.freetimelearn.com/" target="_blank"><img src="images/Free-Time-Learning.png" width="151" height="70" /></a>

    </body>
</html>

Output :

This is Image Link

Email Links

<html>

    <head>
    <title>Hyperlinks - Email Link</title>
    </head>

    <body>

    <p>This is Email Link</p>
<a href="mailto:freetimelearn@gmail.com">Send an Email</a>

    </body>

</html>

Output :

This is Email Link

Send an Email

HTML Links - The Target Attribute

The target attribute specifies where to open the linked document. The target attribute can have one of the following values:

Option	Description
_blank	Opens the linked document in a new window or tab.
_self	Opens the linked document in the same frame.
_parent	Opens the linked document in the parent frame.
_top	Opens the linked document in the full body of the window.
targetframe	Opens the linked document in a named targetframe.

Target Attributes

<html>
    <head>
    <title>Hyperlinks - Target Attributes</title>
    </head>
    <body>
     <a href="http://www.freetimelearn.com/" target="_blank">1. New window or Tab</a><br />
          <a href="http://www.freetimelearn.com/" target="_self">2. Same window</a><br />
          <a href="http://www.freetimelearn.com/" target="_parent">3. Opens in Parent</a><br />
          <a href="http://www.freetimelearn.com/" target="_top">4. Opens in Body<</a>
    </body>
</html>â€‹

Output :

1. New window or Tab

2. Same window

3. Opens in Parent

4. Opens in Body

HTML Tutorial