HTML Links:
In HTML (Hypertext Markup Language), links are used to connect one web page to another, allowing users to navigate between different pages and resources on the internet. The `<a>` (anchor) element is used to create links.
Here is the basic syntax for creating HTML links:
html
<a href=”url”>Link Text</a>
Here, “url” is the destination URL (Uniform Resource Locator) to which the link will point, and “Link Text” is the text that will be displayed as the clickable link.
 |
| HTML Links |
Examples of HTML Links:
1. Basic Link:
html
<a href=”https://www.example.com”>Visit Example.com</a>
2. Linking to Another Page in the Same Website:
html
<a href=”about.html”>About Us</a>
3. Linking to an Email Address:
html
<a href=”mailto:info@example.com”>Send us an email</a>
4. Linking to a Specific Section within a Page (Using Fragment Identifier):
html
<a href=”#section-id”>Jump to Section</a>
5. Linking to a File (e.g., PDF):
html
<a href=”documents/document.pdf”>Download PDF</a>
6. Opening the Link in a New Tab/Window:
html
<a href=”https://www.example.com” target=”_blank”>Visit Example.com</a>
7. Linking with Image:
html
<a href=”https://www.example.com”>
<img src=”image.jpg” alt=”Example Image”>
</a>
8. Linking with External Styles (CSS):
html
<a href=”https://www.example.com” style=”color: blue; text-decoration: underline;”>Visit Example.com</a>
9. Linking with JavaScript Action:
html
<a href=”javascript:void(0);” onclick=”myFunction()”>Click Me</a>
javascript
function myFunction() {
alert(“Hello, World!”);
}
These are some basic examples of how links can be used in HTML. The `href` attribute specifies the destination of the link, and additional attributes can be used for various purposes, such as opening links in new tabs/windows (`target=”_blank”`), specifying relationships (`rel` attribute), and adding title text (`title` attribute). Links play a fundamental role in creating a connected and navigable web experience.