Skip to content
Miraat·dweb developer journey, reflected

HTML Fundamentals

The language that defines what is on a web page: headings, paragraphs, links, images, forms.

Foundation 25 minutes

What HTML is

HTML (HyperText Markup Language) is the language you use to describe the structure of a page. It does not care about colors or layout — that is CSS — but about what is on the page: headings, text, images, links, buttons.

Basic syntax

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello</title>
  </head>
  <body>
    <h1>Welcome</h1>
    <p>A <a href="/about">first page</a>.</p>
  </body>
</html>

Key concepts

  • Tags: open and close (<p>...</p>).
  • Attributes: add info (href, alt, lang).
  • Nesting: tags can contain other tags.

Using the right tag for the right content is the foundation of accessibility and SEO.

Recommended resources