TECH BIRD🌱🐤 HTML LINKS TUTORIALS
Hey guys it me me from Tech Bird again with an help full guide in HTML5 tutorials
Today i am going to share about the LINKS option in HTML
What is Links ?
Link are the attribute which connects two things..
eg: connecting two pages
The most commonly used HTML links we use
<a href="link.html" >CLIK ME I WILL TAKE TO THE PAGE</a>
Various LINKS OPTIONS present in HTML
- LINK TArget attribute
- Link Base Path
- Navigation to Top of the page
- Links within the page
- Email Links
- Image Links
- Phone Links
Example Phone Links:
<html>
<head>
<title>GOOGLE BIRD Phone Links Example</title>
<body>
<a href="tel:+91 894092XXX0">Mobile: +91 894092XXX0 </a>
</body>
</html>
Example of Download Links:
<html>
<head>
<title>GOOGLE BIRD Download Links Example</title>
<body>
<a href="https://googlebirddd.blogspot.com" download="Open GOOGLE BIRD"> GOOGLE BIRD blog</a>
</body>
</html>
Example of Image Links:
<html>
<head>
<title>GOOGLE BIRD Image Links Example</title>
<body>
<a href="https://googlebirddd.blogspot.com"><img src="imagefile.format" alt="googlebirddd.blogspot.com" </a>
</body>
</html>
Example of Email Links:
<html>
<head>
<title>GOOGLE BIRD Email Links Example</title>
<body>
<a href="mailto:dharanidharanvenugopal@gmail.com?subject=Email Link Test&body=This shows the test example">Click Here to Drop Mail</a>
</body>
</html>
Example of Download Links:
<html>
<head>
<title>GOOGLE BIRD Download Links Example</title>
<body>
<a href="https://googlebirddd.blogspot.com" download="Open GOOGLE BIRD"> GOOGLE BIRD blog</a>
</body>
</html>
Thanks and Regards,
Tech Bird
Comments