Program:
Output:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML Anchor Tag</title>
<style>
body {
font-family: Arial, sans-serif;
}
p {
font-size: 30px;
}
</style>
</head>
<body>
<h2 id="C4">Chapter 4</h2>
<!-- Simple Links -->
<p>External Links</p>
<a href="https://google.com/"> Google.com </a>
<!-- Local Links -->
<p>Local Links</p>
<a href="./09_HTML_Tables.html"> HTML Tables </a>
<!-- Links with target -->
<p>Links with target</p>
<a href="https://google.com/" target="_blank"> Google.com </a>
<!-- Images as Links -->
<p>Images as Links</p>
<a href="https://codingatharva.blogspot.com/"> <img src="./logo.png" width="50px" height="50px"> </a>
<!-- Bookmarks with Ids -->
<p>Bookmarks with Ids</p>
<a href="#C4">Jump to Chapter 4</a>
<!-- Download a file -->
<p>Download a file</p>
<a href="./logo.png" download> Download Logo Image </a>
</body>
</html>
Output:
