HTML Topics
HTML Module
HTML Hyperlinks & Navigation
Web pages are connected via hyperlinks. The HTML anchor tag <a> defines a link that allows users to jump from page to page, section to section, or open external resources.
Status: Coming Soon
We are crafting this tutorial
Our team is working on interactive diagrams, code challenges, and exercises for HTML Hyperlinks & Navigation. Check back soon for the full guide!
What You'll Learn
- 1The structure of anchor (<a>) tags and the 'href' parameter
- 2Navigating paths: Absolute URLs vs Relative project paths
- 3Controlling window targets with target="_blank" and target="_self"
- 4Crucial web security: Why to include rel="noopener noreferrer"
- 5Creating jumping navigation elements using page hashes (#section-id)
sandbox.html
<!-- External link opening in a new tab securely -->
<a href="https://codexcider.com" target="_blank" rel="noopener noreferrer">
Visit Codex Cider Main Site
</a>
<!-- Internal link using relative path -->
<a href="/html/introduction">Back to Introduction</a>
<!-- Jump to a page section -->
<a href="#syllabus-section">Jump to Syllabus</a>Interactive playground coming soon