Skip to content

What Is the Web?

Understand what the World Wide Web is, how it differs from the internet, and how pages are delivered.

What you'll learn

  • What the World Wide Web is, in plain terms
  • The difference between the web and the internet
  • The client–server model that powers every website
  • The three languages every web page uses: HTML, CSS, JavaScript

Concept

What Is the Web?

The World Wide Web (or just "the web") is a system of documents — web pages — connected by links, viewed in a browser. When you open a website, your browser fetches pages from servers around the world and displays them on your screen.

The Web vs. The Internet

People use these terms interchangeably, but they are different:

  • The internet is the physical network — the cables, routers, and protocols that move data between computers.
  • The web is a service that runs *on top of* the internet. Email, video calls, and file transfers also use the internet but are not "the web."

The internet is the road; the web is one of the vehicles driving on it.

The Client–Server Model

Every web interaction involves two roles:

  1. Client — your browser. It *requests* pages.
  2. Server — a remote computer. It *responds* with the page content.

You type a URL (request) → the server finds the file → it sends the HTML back (response) → your browser renders it. This request–response cycle is the heartbeat of the web.

The Three Languages

Every web page is built from three languages working together:

  • HTML — structure and content (the skeleton).
  • CSS — appearance and layout (the skin).
  • JavaScript — behavior and interactivity (the muscles).

You do not need all three for every page, but any modern site uses them together. The rest of this topic explores each in turn, plus the protocols (HTTP, URLs) and data formats (JSON) that tie them together.

Example

              <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>My First Page</title>
    <style>
      h1 { color: #2563eb; }   /* CSS: appearance */
    </style>
  </head>
  <body>
    <h1>Hello, Web!</h1>       <!-- HTML: structure -->
    <button onclick="alert('Hi!')">Click me</button>  <!-- JS: behavior -->
  </body>
</html>

A complete web page in one file. HTML provides the structure, CSS the styling, and JavaScript (via onclick) the interactivity. In real projects these are usually separated into .html, .css, and .js files.

Try it

  • HTML ↔ Markdown

    Convert between HTML and Markdown — see how structured content maps to web markup.

Common mistakes

The mistake

Thinking the web and the internet are the same thing.

The fix

The internet is the underlying network; the web is one service running on it. Email and streaming also use the internet but are not 'the web'.

The mistake

Believing a website lives 'in your browser'.

The fix

The site lives on a server. Your browser fetches a copy and renders it. Refreshing re-fetches the latest version from the server.

Related Resources

Related Cheatsheets

Look up unfamiliar terms

A beginner-friendly glossary explains jargon in plain English — variables, functions, DOM, Promise, and more.

View glossary

Build real projects

Apply what you learned by building guided projects with starter code and solutions.

View projects

Decode error messages

Plain-English explanations of common errors — what they mean, why they happen, and how to fix them.

View errors