An HTML URL (Uniform Resource Locator) path specifies the address mechanism used by web browsers to locate and request resources—web pages, stylesheets, images, scripts, and API endpoints—on the internet or local web servers.
A complete absolute web URL consists of multiple structural components:
https://www.example.com:443/tutorials/html/index.html?search=tags#section-2
URL component breakdown:
https://): Specifies the communication protocol (HTTP, HTTPS, FTP).www.example.com): Points to the target server IP address.:443): Port number on the web server (80 for HTTP, 443 for HTTPS)./tutorials/html/index.html): Folder path to the specific resource on the server.?search=tags): Key-value data parameters passed to the page.#section-2): Bookmark jump link targeting a specific element ID.flowchart LR
A["https://"] --> B["domain.com"]
B --> C["/path/to/page"]
C --> D["?query=param"]
D --> E["#anchor-hash"]
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML URL Paths Example</title>
</head>
<body style="font-family: system-ui, sans-serif; background-color: #0f172a; color: #f8fafc; padding: 2rem;">
<h2>URL Anatomy Breakdown</h2>
<div style="background-color: #1e293b; padding: 1.5rem; border-radius: 8px; max-width: 550px;">
<p>Base Protocol: <span style="color: #34d399;">https://</span></p>
<p>Host Domain: <span style="color: #38bdf8;">kodersolution.com</span></p>
<p>Folder Path: <span style="color: #f59e0b;">/tutorials/html/</span></p>
<p>Page Anchor Hash: <span style="color: #ec4899;">#section-heading</span></p>
</div>
</body>
</html>
/html-tutorials/url-paths)./tutorials/html/ instead of /tutorials/html/index.html.Construct an absolute URL string containing an HTTPS protocol, domain name, subfolder path, query parameter, and anchor hash!
Sign in to track your learning journey, earn industry-recognized certificates, and join our elite developer community.
Quick Access With
Experiment with the code from this lesson in our interactive playground.
You've completed this section! Take a quick 5-question quiz to check your understanding.