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>
<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>
<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>
<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>