HTML Links

14 min read

HTML links (hyperlinks) let users navigate between pages. Links are defined with the <a> tag. The href attribute specifies the destination URL.

The syntax and usage patterns for HTML Links follow standard HTML conventions. Below you will see code examples that demonstrate the most common use cases. Try modifying these examples in your own editor to experiment with different approaches.

Example

Here is a practical example demonstrating HTML Links:

Tips & Best Practices

  • Always declare the document type with <!DOCTYPE html>
  • Use semantic elements for better accessibility and SEO
  • Always include alt attributes on images
  • Validate your HTML using the W3C Markup Validation Service

Summary

In this lesson you learned about HTML Links. Practice writing code to reinforce these concepts and move on to the next lesson when you feel comfortable.

Examples

Example
html
<a href="https://www.example.com">Visit Example</a>
<a href="https://example.com" target="_blank">Open in New Tab</a>
<a href="#section1">Jump to Section 1</a>
<a href="mailto:info@example.com">Send Email</a>

Test Your Knowledge

Take a quick quiz to check what you've learned in this lesson.

HTML Links Quiz

1

What does HTML stand for?

Explanation: HTML stands for HyperText Markup Language, used to structure content on the web.
2

Which HTML element is used for the largest heading?

Explanation: The <h1> element defines the most important (largest) heading.
3

Which attribute specifies the URL of a link?

Explanation: The href attribute specifies the URL that the link goes to.

Related articles