Building Your Learning Module...
Getting things ready for you!
Find videos you like?
Save to resource drawer for future reference!
Internal links connect pages within your own website.
Instead of using full URLs like https://example.com/about, you use relative paths like /about or about.html.
Link to pages relative to current location
Helps search engines crawl your site
Shorter links load faster
Root-Relative Path (Recommended)
Starts with / and refers to the root of your domain
<a href="/about">About Us</a>
<a href="/blog/article">Article</a>
<a href="/contact">Contact</a>Document-Relative Path
Relative to the current page location
<a href="about.html">About</a>
<a href="../index.html">Home</a>
<a href="./other.html">Other Page</a>Absolute Internal URL
Full URL to your own domain (less common for internal links)
<a href="https://example.com/about">About Us</a>Jump Links (Fragment Identifiers)
Link to a specific section on a page using #
<a href="#section1">Go to Section 1</a>
<a href="/about#team">See Our Team</a>Internal links for navigating between main pages
<nav class="navbar">
<a href="/" class="logo">MyWebsite</a>
<div class="nav-links">
<a href="/">Home</a>
<a href="/about">About</a>
<a href="/services">Services</a>
<a href="/blog">Blog</a>
<a href="/contact">Contact</a>
</div>
</nav>Loading preview...
Shows the current page location and navigation path
<nav class="breadcrumb">
<a href="/">Home</a>
<span class="separator">/</span>
<a href="/blog">Blog</a>
<span class="separator">/</span>
<a href="/blog/category/web-design">Web Design</a>
<span class="separator">/</span>
<span class="current">CSS Tips</span>
</nav>Loading preview...
Links that jump to different sections of the same page
<div class="page">
<aside class="toc">
<h3>Table of Contents</h3>
<a href="#introduction">Introduction</a>
<a href="#benefits">Benefits</a>
<a href="#how-to">How to Use</a>
<a href="#conclusion">Conclusion</a>
</aside>
<main class="content">
<h2 id="introduction">Introduction</h2>
<p>Lorem ipsum dolor sit amet...</p>
<h2 id="benefits">Benefits</h2>
<p>Here are the main benefits...</p>
<h2 id="how-to">How to Use</h2>
<p>Follow these steps...</p>
<h2 id="conclusion">Conclusion</h2>
<p>In conclusion...</p>
</main>
</div>Loading preview...
Internal links organized in the footer
<footer class="footer">
<div class="footer-section">
<h4>Company</h4>
<a href="/about">About Us</a>
<a href="/careers">Careers</a>
<a href="/privacy">Privacy Policy</a>
</div>
<div class="footer-section">
<h4>Resources</h4>
<a href="/blog">Blog</a>
<a href="/docs">Documentation</a>
<a href="/guides">Guides</a>
</div>
<div class="footer-section">
<h4>Support</h4>
<a href="/contact">Contact Us</a>
<a href="/faq">FAQ</a>
<a href="/sitemap">Sitemap</a>
</div>
</footer>Loading preview...
Search engines follow internal links to discover new pages on your site
Internal links pass authority and relevance between pages
Anchor text helps search engines understand page content
Good internal linking structure improves SEO rankings