What a Web Page Really Is

Lesson 1 · taught by Pip · free preview

Here is the plain idea: a web page is not a single finished object that someone painted and shipped to you. It is a handful of plain text files that your browser reads and assembles, fresh, every time you visit.

That surprises people. The glossy page in front of you began life as ordinary text — letters and symbols you could open in a basic note-taking app like Notepad. Tucked in that text is the page's headline, its paragraphs, the address of every photo. The browser does the building.

The blueprint, the paint, and the motors

Picture building a house. First you need the frame — walls, floors, doorways. That's the structure: where things go and what they are. Next comes the paint and decoration — color, spacing, the feel of each room. Last come the moving parts — light switches, a doorbell, a garage door that opens when you press a button.

A web page is built the same way, from three kinds of files. One file is the frame (the words and where they sit). One is the paint (how it looks). One holds the motors (what happens when you click). Separate jobs, separate files, working together.

Why split it into parts?

You might wonder why it isn't all one file. The answer is the same reason a builder keeps wiring separate from plumbing: it's easier to fix one thing without breaking the others.

If the paint is in its own file, you can repaint the whole house without touching a single wall. If the motors are separate, you can fix a broken switch without re-pouring the foundation. Keeping the jobs apart keeps the whole thing sane to build and repair.

The browser is the builder

Here's the part that ties it together. None of these files is the page. They're instructions. Your browser — Chrome, Safari, Firefox, whatever you use — is the construction crew that reads the instructions and puts up the actual page on your screen, in well under a second.

That's why the very same files can look right on a giant monitor and on a tiny phone. The instructions describe what to build; the browser builds it to fit the room it's standing in.

This is the foundation under everything Portmint puts online. A branded business assistant sitting on a company's website is, underneath, this same handful of plain files a browser reads and assembles. No magic — just structure, paint, and motors, handed to a builder.

Your turn

Open any website. Now right-click somewhere on the page and look for an option like "View Page Source." A wall of text will open. Don't try to read it — just notice that this is what the page is really made of. The pretty thing you saw was built from this.

This lesson only gives you the shape; we haven't yet cracked open even one of those three files. That's the work just ahead. Next, we pick up the frame and ask: what exactly is HTML, the structure that holds every page together? 🔦