How Many Types Of Links Are Present In HTML

admin_img Posted By Bajarangi soft , Posted On 29-09-2020

Links are found in nearly all web pages. Links allow users to click their way from page to page,Links are found in nearly all web pages. Links allow users to click their way from page to page,An unvisited link is underlined and blue,A visited link is underlined and purple,An active link is underlined and red.

Result of an Html links

1.How To Create a Link To Bajarangi soft

<!DOCTYPE html>
<html>
<body>

<h1>Bajarangi soft</h1>

<p><a href="https://bajarangi.com">Visit bajarangisoft,com!</a></p>

</body>
</html>

2.How to Declare a Html Links in Target Attribute

<!DOCTYPE html>
<html>
<body>

<h1>Bajarangi soft</h1>

<p><a href="https://bajarangi.com"  target="_blank">Visit bajarangisoft,com!</a></p>
// here you can use in the place of _blank (  "_parent,_top,_self")

<p>If target="_blank", the link will open in a new browser window or tab.</p>
</body>
</html>

3.Absolute URL and Relative URL Links in Html

<!DOCTYPE html>
<html>
<body>

<h2>Absolute URLs</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Relative URLs</h2>
<p><a href="https://blog.bajarangisoft.com/html-css-bootstrap-designs">bajarangi wedesign pages</a></p>
<p><a href="https://blog.bajarangisoft.com/">blogs</a></p>

</body>
</html>


 
2.Use As a Image Link

<!DOCTYPE html>
<html>
<body> <h2>Image as a Link</h2>
<p>The image below is a link. Try to click on it.</p> <a href="blog.bajarangisoft.com">

<img src="smile.gif" alt="HTML tutorial" style="width:42px;height:42px;"></a>

</body></html>

4.Link to an Email Address

<!DOCTYPE html>
<html>
<body>

<h2>Link to an Email Address</h2>

<p>To create a link that opens in the user's email program (to let them send a new email), use mailto: inside the href attribute:</p>

<p><a href="mailto:someone@example.com">Send email</a></p>

</body>
</html>
4.Link to an Email Address

<!DOCTYPE html>
<html>
<body>

<h2>Button as a Links</h2>

<p>Click the button to go to the bajarangi soft</p>

<button onclick="document.location='
blog.bajarangisoft.com'"  title="Go to bajarangi soft blog">Bajarangi blogs</button>

</body>
</html>

Related Post