What is HTML & How the Web Works
Before writing a single tag, understand what HTML really is and what happens when you open a website.
What you will learn
- Explain what HTML stands for and what it does
- Describe how a browser turns code into a web page
- Recognise the three languages of the web and what each one is for
HTML in one sentence
HTML stands for HyperText Markup Language. It is the language we use to describe the structure of a web page — its headings, paragraphs, images, links and buttons.
Think of building a house. HTML is the bricks and walls (the structure). CSS is the paint and decoration (the style). JavaScript is the electricity that makes things work (the behaviour). Today we are learning to build walls.
Note: HTML is not a programming language. There are no calculations or “if this then that”. HTML simply labels content so the browser knows what each piece is. That is why it is the perfect first thing to learn.
How does a web page actually appear?
When you type an address and press Enter, four things happen:
- Your browser (Chrome, Safari, Edge) sends a request to a server — a computer that stores the website.
- The server sends back a plain text file full of HTML.
- The browser reads the HTML from top to bottom.
- It renders (draws) the page on your screen — text, images and all.
The amazing part: that file is just text. You can write it in any text editor. Let us prove it.
See it with your own eyes
Here is a complete, real web page. Press Edit & Run and change the words — watch the live preview update instantly.
<h1>Hello from CodingClave!</h1>
<p>This is a real web page. I am learning HTML.</p>Read it like a sentence: <h1>...</h1> wraps a big heading, and <p>...</p> wraps a paragraph. The browser does not show the tags themselves — it uses them as instructions and shows only the words inside.
Note: Output: Hello from CodingClave! (shown large and bold — it is a heading) This is a real web page. I am learning HTML. (shown as normal paragraph text)
The three languages of the web
| Language | Job | House analogy |
|---|---|---|
| HTML | Structure & content (what is on the page) | Walls & rooms |
| CSS | Style & layout (how it looks) | Paint & furniture |
| JavaScript | Behaviour (what it does when used) | Electricity & plumbing |
Tip: You will master them in this order: HTML first, then CSS, then JavaScript. Every framework you will ever use — Laravel, React, Vue — still sends HTML to the browser in the end. Learn it well now and it pays off forever.
Q. What is the main job of HTML?
✍️ Practice
- Open three of your favourite websites, right-click and choose “View Page Source”. Just scroll — notice the angle-bracket tags. You are not expected to understand them yet.
- In the live example above, change the heading to your own name and the paragraph to one sentence about why you want to learn web development.
🏠 Homework
- Write, in your own words, the difference between HTML, CSS and JavaScript using any analogy you like (not the house one).