The Three Languages of a Web Page

Every web page — from a personal blog to a site used by billions — is built from the same three technologies. Learning them in order is the fastest path, because each one depends on the ones before it.

HTML — the content

HTML (HyperText Markup Language) describes what is on the page: headings, paragraphs, links, images, forms. It is called a markup language because you wrap plain text in tags that label what each piece is:

<h1>My hobbies</h1>
<p>I like photography and cooking.</p>

A browser reading this knows "there is a main heading and a paragraph" — it does not decide what they look like yet. HTML is the skeleton and the meaning.

CSS — the appearance

CSS (Cascading Style Sheets) describes how the content looks: colors, fonts, spacing, layout. It targets HTML and adds presentation:

h1 {
  color: darkslateblue;
  font-size: 32px;
}

The same HTML can look wildly different with different CSS — the content stays, the style changes. This separation is why modern sites can restyle everything for mobile without touching the content.

JavaScript — the behavior

JavaScript is the programming language of the browser. It makes pages do things: react to clicks, validate forms, fetch new data, update the page without reloading.

button.addEventListener("click", () => {
  counter++;
  label.textContent = counter;
});

Why learn them in this order?

A page without CSS is readable but plain. A page without JavaScript is static but complete. A page without HTML is nothing — there is nothing to style or program. So the dependency order is exactly the learning order: HTML first (Modules 1–2), then CSS (Module 3), then JavaScript (Module 4).

This course deliberately stops at these fundamentals: no React, no build tools, no frameworks. Those are worth learning — after you can build a real website by hand, because then you will understand what they are doing for you.

What you learned

• HTML = content and structure; CSS = appearance; JavaScript = behavior
• Each layer depends on the layer before it
• Frameworks come later — fundamentals first

Next: time to write your first page.