Scribd
Upload
7 views1 page

HTML Linking Example Program

The document is an HTML tutorial demonstrating various types of links, including absolute URLs, relative URLs, links that open in new tabs, image links, email links, button links, and links with tooltips. Each example is clearly labeled and provides a practical application of HTML linking techniques. The document serves as a guide for understanding how to create different types of links in HTML.

Uploaded by

Meera
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
7 views1 page

HTML Linking Example Program

The document is an HTML tutorial demonstrating various types of links, including absolute URLs, relative URLs, links that open in new tabs, image links, email links, button links, and links with tooltips. Each example is clearly labeled and provides a practical application of HTML linking techniques. The document serves as a guide for understanding how to create different types of links in HTML.

Uploaded by

Meera
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html>
<head>
<title>HTML Linking Demo</title>
</head>
<body>

<h1>HTML Linking Examples</h1>

<!-- Basic Absolute URL -->


<h2>Absolute URL</h2>
<p><a href="https://www.google.com">Visit Google</a></p>

<!-- Relative URL -->


<h2>Relative URL</h2>
<p><a href="about.html">About Us</a></p>

<!-- Link with target="_blank" -->


<h2>Open Link in New Tab</h2>
<p><a href="https://www.w3schools.com/" target="_blank">Visit W3Schools</a></p>

<!-- Image as a Link -->


<h2>Image as a Link</h2>
<a href="https://www.w3schools.com/html/">
<img src="smiley.gif" alt="HTML Tutorial" style="width:42px;height:42px;">
</a>

<!-- Mailto Link -->


<h2>Link to Email</h2>
<p><a href="mailto:someone@example.com">Send Email</a></p>

<!-- Button as a Link using JavaScript -->


<h2>Button as a Link</h2>
<button onclick="document.location='https://www.w3schools.com/html/'">Go to HTML
Tutorial</button>

<!-- Link with Tooltip (title attribute) -->


<h2>Link with Tooltip</h2>
<p><a href="https://www.w3schools.com/html/" title="Go to W3Schools HTML
section">Visit HTML Tutorial</a></p>

</body>
</html>

You might also like