HTML Link



1. HTML Hyperlink Tag :


Description: 

A Hyperlink(<a href=..>) tag use for creating a link between two pages.

Example:

<!DOCTYPE HTML>

<HTML>
<HEAD>
    <TITLE>MY Link</TITLE>
</HEAD>
<BODY>
   
    <a href="http://www.google.com">Click Here for Google</a>

</BODY>
</HTML>

Output :

Video Tutorial of HTML Hyperlink Tag :



2. HTML Email Link:

Description: 

An Email tag is use for creating an email link to send email directly.

Example:

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>Email Message</TITLE>
</HEAD>
<BODY>
    <p>This is an mail link
    <a href="mailto:some@example.com?Subject=Hello">
    Send email
    </a>
    </p>
</BODY>
</HTML>

Output:

3. HTML Open Link in new tab:

Description

This tag will help you to open your link page in new tab or in new window.

Example:

<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>link new tab</TITLE>
</HEAD>
<BODY>
    <a href="http://www.google.com" target="_blank">Google</a>
</BODY>
</HTML>

Output:

 

4. HTML Link on same page.

Description : 

If you want to give link to some content on same page. e.g. you have chapters in your webpage on a single page then you just need to give a link on index and when you click on particular link it will let you move down towards your target on same page.

Example:


<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE>same page link</TITLE>
</HEAD>
<BODY>
    <p>
    <a href="#C3">Blue Color</a>
    </p>
   
    <h2>1. Red</h2>
    <p>This is RED Color</p><br>

    <h2>2. Green</h2>
    <p>This is GREEN Color</p> <br>  

    <h2><a id="C3">3. Blue</a></h2>
    <p>This is BLUE Color</p><br>

    <h2>4. Yellow</h2>
    <p>This is Yellow Color</p>

</BODY>
</HTML>

Output:


Post a Comment

0Comments
Post a Comment (0)