How the Web Works

Type an address, tap Enter, and a whole page appears out of thin air. It feels like magic. It isn't — it's closer to ordering food delivery, and by the end of this lesson you'll know exactly who cooked your page.

Clients ask, servers answer

Think about ordering a pizza. You're hungry, so you call the restaurant and ask for one specific thing. The kitchen makes it, a driver brings it to your door, and you enjoy it. You didn't need to know how the oven works — you asked, and the restaurant answered.

Opening a web page is the same transaction, piece by piece:

• You and your browser are the client — the one who asks.
• A server is the restaurant — a computer somewhere whose whole job is to stay on, stay ready, and answer orders. That's genuinely all "server" means: a computer built to serve. No judgment on your 2 a.m. orders.
• Your order is the request: "please send me this page."
• The delivery is the response: the server finds (or freshly prepares) the page and sends it back.

One more thing the pizza place taught you without noticing: every item is its own order. A page with five photos means six deliveries — one for the page, five for the pictures. It all arrives so fast it feels like one, but your browser is out there placing orders constantly.

Every page has an address: the URL

A delivery only works if you give a full address — not "the blue house," but country, city, street, door number. The web's version of a full address is the URL, and just like a mailing address, each piece narrows things down. Take https://example.com/recipes/injera.html:

• https:// — the delivery rules: how the order travels (and travels safely).
• example.com — the building: which server, out of millions, to ask.
• /recipes/injera.html — the exact door inside: which page.

Every page, picture, and file on the web has its own URL. Later lessons will make you write some; for now it's enough to know that when you typed that address, you were writing a delivery slip.

HTML: what's actually in the box

Here's the twist: when the page arrives, the server hasn't sent you a picture of a page. It has sent HTML — a set of building instructions. Your browser is the construction crew: it reads the instructions — "this is a heading, this is a paragraph, this is a link" — and builds the visible page right in front of you, in about a blink.

HTML stands for HyperText Markup Language, and the word that matters is markup: it doesn't calculate anything, it describes structure. That's why this unit is called The Frame — HTML is the frame every page is built on, and you're about to raise your first one.

Quiz

Quick check: how the web works

1. 1. You open a page. In the pizza-delivery version of that story, what is the server?

   The restaurant that takes the order and sends the food back out.

   You, deciding you want dinner.

   The address you gave for the delivery.

   The pizza in the box.
2. 2. In https://example.com/recipes/injera.html, which piece says which server to ask?

   example.com

   https://

   /recipes/injera.html

   All of it together, and no single piece.
3. 3. The response arrives. What did the server actually send your browser?

   Instructions describing the page's structure, which the browser builds into what you see.

   A finished picture of the page.

   A program that runs the page.

   The whole website, every file, in one delivery.

Check answersPick an answer for every question.

One instruction, up close

The instructions the browser follows? You can write those — and two lines are enough. Here's what a single instruction looks like:

<h1>Hello!</h1>

Read it like a labeled box. <h1> is the label on the front: "a main heading starts here." Hello! is what's inside the box. And </h1> — the one with the slash — is the label that closes it: "the heading ends here." The angle brackets < and > are just what marks a label as a label, so the construction crew never confuses instructions with content.

Paragraphs work exactly the same way with a different label: <p>your sentence here</p>.

Opening label, content, closing label with a slash — that's the whole pattern. Lesson 2 pulls it apart properly; for now, copy the pattern below and watch a browser do what you say. That first time never quite stops being satisfying.

Exercise

Write your first HTML

You just saw the pattern: opening label, content, closing label with a slash. Time to make a browser follow *your* instructions.

First write a main heading that says Hello, web! — exactly like the example you just read, <h1>Hello, web!</h1>. Then, below it, use the same pattern with the paragraph label p to hold one sentence of your own. Watch the preview build what you type, then run the checks.