Document Hash Links (href="#id") - Free HTML Lessons | Full Stack Web Development | Nextsem

1. Hash links jump to specific page sections.

2. Target elements must have matching id attribute.

3. Put # before target id name in href.

4. Creates instant single-page table of contents.

5. Smoothly navigates without page reloads.

<!DOCTYPE html>

<html>

<head>

<title>Document Hash Navigation</title>

</head>

<body>

<h1>Table of Contents</h1>

<p><a href="#chapter1">Jump to Chapter 1</a></p>

<p><a href="#chapter2">Jump to Chapter 2</a></p>

<hr>

<h2 id="chapter1">Chapter 1: Getting Started</h2>

<p>Learn the basics of HTML elements.</p>

<h2 id="chapter2">Chapter 2: Working with Links</h2>

<p>Learn how to connect multiple pages together.</p>

</body>

</html>