What Loads Behind a Site? HTML, CSS & JavaScript
You open Flipkart on your phone and the whole page appears in a second. Photos, prices, buttons, that little search bar at the top. It feels like one big polished thing that someone switched on. But behind the scenes, something much simpler is happening.
What loads behind a site is just a handful of plain text files — mostly HTML, CSS, and JavaScript — that your browser downloads and assembles into the page you see and tap.
Once you can name those three files and what each one does, websites stop feeling like magic. Let us walk through it together.
What loads behind a site when you open a page?
A webpage is not one object. It is a few files arriving together, each doing one job. Think of building a house.
- First the brick structure goes up — that is the shape of the house.
- Then paint and tiles make it look good.
- Then wiring and switches make it actually work.
A webpage is built the same way. So when we ask what loads behind a site, the honest answer is: three kinds of files, each handling one of those three jobs.
What does each of the three files do?
Here are the three players. Keep the house picture in your head and they fall into place instantly.
HTML — the structure
HTML is the bones. It holds the content and lays out the structure — this is a heading, this is a paragraph, this is the image, this is the buy button. On its own, HTML looks plain and unstyled, like a house with bare brick walls. But everything you read on a page lives here first.
CSS — the style
CSS is the skin and paint. It takes that plain structure and makes it look good — the colours, the fonts, the spacing, the rounded corners on a button. Same content, very different feel. CSS is why Flipkart and your bank both have buttons, yet they look nothing alike.
JavaScript — the behaviour
JavaScript is the wiring. It adds movement and reaction — the menu that slides open, the price that updates when you change the quantity, the search box that suggests results as you type. HTML holds the content, CSS styles it, and JavaScript makes it react when you tap.
Bones, then skin, then movement. Together they become the page you see.
Why does this matter for a beginner?
Because every site you ever open — no matter how fancy or expensive it looks — comes down to these same files downloading to your device. A simple blog and a giant shopping app are built from the same three ingredients. The big sites just have a lot more of each.
That is a freeing idea. You do not need to learn a thousand different things to understand the web. You need to understand three roles, and then everything else is a variation on them. This is exactly the kind of foundation we build in the free Zero to AI Hero course before you ever start building real apps with AI.
How can I see this for myself?
You do not have to take our word for it. If you have done the earlier lessons on using the terminal, you already have everything you need. Try this:
curl https://www.flipkart.comThe curl command fetches the raw page, exactly the way your browser does, and prints it as text. Look at the very first line of what comes back. You will see a tag like this:
<!DOCTYPE html>That is HTML. That first line is literally the start of the page — the structure file, arriving before anything is painted or wired up. You just watched, in plain text, what loads behind a site.
Key takeaways
- A website is not one thing — it is a few plain text files working together.
- HTML is the structure (the bones and content).
- CSS is the style (the look, colours, and layout).
- JavaScript is the behaviour (movement and reaction to your taps).
- Every site, fancy or simple, is built from these same three ingredients.
- Try it: run
curlon any site and read line one to see the HTML for yourself.
Now you know what loads behind a site. Next up, we will look at where those files actually come from — the difference between the client (your phone) and the server (the computer sending the files). Keep the streak going.
🚀 Take the full free course: Zero to AI Hero — learn to build with AI from scratch. New lessons daily, in Hindi & English.
Want to actually learn this?
151 free 2-minute lessons — from "what's a file?" to building with AI.
▶ Start the free course