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:
OptionDescription
_blankOpens the linked document in a new window or tab.
_selfOpens the linked document in the same frame.
_parentOpens the linked document in the parent frame.
_topOpens the linked document in the full body of the window.
targetframeOpens 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>‚Äč