Every web page you have ever visited — this one included — is built on HTML. It is the first thing to learn in web development, and the good news is that it is genuinely beginner-friendly. By the end of this lesson you will know exactly what HTML is and will have written your first working line of it.
HTML is the structure of the web
HTML stands for HyperText Markup Language. It is not a programming language — it does not calculate or make decisions. Instead, it is a markup language: you use it to label the parts of a page so the browser knows what each piece is. This is a heading, this is a paragraph, this is an image, this is a link. The browser reads those labels and draws the page.
How the browser turns HTML into a page
When you open a website, your browser requests an HTML file from a server. That file is just text full of labels. The browser reads it top to bottom, understands the structure, and renders it as the visual page you see. Nothing magic — your browser is essentially a very good HTML reader.
HTML, CSS and JavaScript: the three layers
A modern web page is built from three technologies, each with one job. HTML gives structure and content. CSS adds the styling — colours, layout, fonts. JavaScript adds behaviour — interactivity and logic. You are starting with HTML because it is the foundation; the other two build on top of it.
| Technology | Job | Analogy |
|---|---|---|
| HTML | Structure & content | The skeleton |
| CSS | Styling & layout | The clothes and looks |
| JavaScript | Behaviour & interactivity | The muscles |
Your first HTML
Let us write some. An HTML element usually has an opening tag, some content, and a closing tag. Here is a heading and a paragraph — try editing the text in the box and watch the preview update instantly.
In the editable box above, change "Hello, world!" to your own name, and change the paragraph to one sentence about yourself. Watch the preview update as you type.
1. What does HTML do?
2. HTML is best described as…
3. Which technology adds styling like colours and layout?
4. What does a browser do with an HTML file?
- HTML (HyperText Markup Language) describes the structure and content of web pages.
- It is a markup language, not a programming language.
- The browser reads HTML and renders it into the page you see.
- HTML = structure, CSS = style, JavaScript = behaviour.