What a web page is made of

Three simple parts

• Every web page is built from up to three things.
• HTML — the content and structure (headings, text, images).
• CSS — the style (colours, sizes, spacing, layout).
• JavaScript — the behaviour (what happens when you click or type). It has its own course on this site.

HTML first, then CSS

• You always start with HTML to put your content on the page.
• Then you add CSS to make it look good.
• This course does the same: HTML first (lessons 1–11), then CSS (lessons 12–21).

A tiny taste

• Here is a small page. The <style> part is CSS; the rest is HTML.
• You will understand every line of this by the end of the course.

<style>
  h1 { color: teal; }
</style>
<h1>My page</h1>
<p>Welcome! This is made with HTML and CSS.</p>

The browser puts it together

• The browser reads your HTML and CSS.
• It draws the page on the screen for everyone to see.
• That is the whole job — and you are about to do it yourself.