How the Web Actually Works
From typing a URL to seeing a webpage — every step visualised and interactive. Built for complete beginners.
7 interactive chapters · No theory, just visuals
What is the Internet?
The internet is billions of computers connected together, each with a unique address (an IP address). When you visit a website, data travels through multiple hops — routers, ISPs, and servers — before reaching you.
Data Packets
Data is split into small packets. Each packet travels independently and is reassembled at the destination. Like sending a book page by page, each in a different envelope.
Routers
Routers read each packet's destination IP address and decide the best route — like traffic lights that direct data. Your home router connects you to the ISP.
IP Address
Every device on the internet has a unique IP address — like a home address for data. Example: 93.184.216.34. Without it, data has nowhere to go.
How DNS Works
You type google.com — but computers only understand numbers. DNS is the internet's phone book: it translates names into IP addresses. Click a domain below to watch the full lookup happen.
DNS Record Types — How They Work in Practice
Anatomy of a URL
Every web address is precisely structured. Each part tells the browser — and the server — something specific. Click the example URLs below to see them dissected.
Scheme (Protocol)
https:// — encrypted connectionhttp:// — unencrypted (dangerous)ftp:// — file transferssh:// — secure shell
Domain + Port
Resolved via DNS to an IP.
Default ports: HTTPS=443, HTTP=80, FTP=21. Explicit: site.com:8080
Path
Which file or resource to get. /products/shoes could be a file or a route handled by backend code.
Query String
Key=value pairs after ?. Directly fed into server logic. Biggest attack surface — SQL injection, path traversal.
Fragment
#reviews — browser-only, jumps to a page section. Never sent to the server. Can't be logged or intercepted.
HTTP Request & Response
Every page load is a conversation — your browser sends a request, the server sends a response. Click the request types to watch it happen and see the raw HTTP messages.
HTTP Methods
HTTP vs HTTPS
Frontend vs Backend — Live Demo
Toggle each layer on and off to see exactly what it contributes to a real webpage. Then see what the backend actually does when a button is clicked.
Web Hosting — Real Analogies
Where does a website actually live? Think of it like renting space for your website to live 24/7. Click each type to see how it works in practice.
Shared Hosting
You share the house (server) with many others. Cheap, but what your neighbours do affects you.
VPS Hosting
Your own private space inside a big building. What others do in their flats doesn't affect yours.
Dedicated Server
An entire physical machine just for you. Full control, full responsibility, highest cost.
Cloud Hosting
Scale rooms up or down as needed. Pay only for what you use. AWS, Azure, Google Cloud.
HTTP Status Codes — Real Pages
Every HTTP response has a 3-digit code. These aren't just numbers — they have a visual impact on users and tell attackers what's happening behind the scenes. Click each code to see a real browser page.
Test Your Understanding
10 questions covering everything in this simulation. Score 8+ and you're ready for the CEH content.