Anatomy of a URL - Free HTML Lessons | Full Stack Web Development | Nextsem

🧭 Decoding a URL Address!

Every webpage has a address bar link called a URL (Uniform Resource Locator). Let's dissect one:

https://nextsem.online/html?search=tags

https://: The protocol (how data travels safely).

nextsem.online: The domain host name (which site you are visiting).

query parameters (?search=tags): Extra filters to find specific items on the page.

Example

Try it Yourself »

<!DOCTYPE html>

<head>

<title>URL & Hyperlink Demo</title>

<style>

body { font-family: sans-serif; background: #0f172a; color: #fff; padding: 24px; }

.url-box { background: #1e293b; padding: 20px; border-radius: 12px; border: 1px solid #334155; }

a { color: #04AA6D; font-weight: bold; text-decoration: underline; }

</style>

</head>

<body>

<h2>Interactive URL Link</h2>

<p>Click below to navigate using query parameters:</p>

https://nextsem.online/html?topic=attributes

</a>

</div>

</body>

</html>