Internet, Web & Website Basics

Before learning HTML, CSS, and JavaScript, it is important to understand the basic concepts of the Internet, the Web, websites, web pages, browsers, clients, and servers. These concepts form the foundation of web development and help us understand how websites communicate and work.

What Is the Internet?

The Internet is a worldwide network of connected computers, servers, smartphones, routers, and other devices. It allows devices around the world to communicate and exchange information.

In simple words:

Internet = Network of Networks

When you open a website, your computer communicates with another computer called a server through the Internet.

Simple Flow:

Your Computer → Internet → Server → Internet → Your Computer

What Is the World Wide Web?

The World Wide Web, also known as the Web or WWW, is a collection of websites, web pages, images, videos, documents, and other resources that we can access through the Internet.

The Internet and the Web are related, but they are not the same thing.

Internet = The global network infrastructure

Web = A system of websites and web pages that works over the Internet

Internet vs World Wide Web

Internet:

• A worldwide network of connected networks
• Connects computers, servers, and other devices
• Supports many services, including the Web and email

World Wide Web:

• A collection of websites and web resources
• Works using the Internet
• Usually accessed through a web browser
• Commonly uses HTTP and HTTPS

What Is a Website?

A website is a collection of related web pages and resources that are usually available under a domain name.

For example, a business website may contain:

• Home
• About Us
• Services
• Products
• Blog
• Contact Us

All these pages together form a website.

A simple way to remember:

Website = A Book
Web Page = A Page Inside the Book

What Is a Web Page?

A web page is an individual page or document on a website that can be displayed in a web browser.

For example:

example.com

may be the homepage of a website, while:

example.com/contact

may be its contact page.

Both are web pages belonging to the same website.

What Is a Homepage?

A homepage is usually the main page of a website.

It often introduces the website and provides navigation to other important pages.

Example:

Home → About → Services → Blog → Contact

What Is a Web Browser?

A web browser is software that allows users to access and view websites and web pages.

Popular web browsers include:

• Google Chrome
• Mozilla Firefox
• Microsoft Edge
• Safari
• Opera

When you enter a website address, the browser communicates with a server and receives the resources required to display the website.

What Is a Client?

A client is a device or software application that requests information or services from a server.

A web browser is a common example of a client.

In simple words:

Client = Sends a Request

What Is a Server?

A server is a computer system or software service that receives requests from clients, processes them, and sends back responses.

A web server can provide:

• Web pages
• HTML files
• CSS files
• JavaScript files
• Images
• Videos
• Data

In simple words:

Server = Receives Request + Sends Response

What Is a Request?

A request is a message sent by a client to a server asking for a resource or action.

For example, your browser may request:

• A homepage
• A product page
• An image
• Search results
• Other website data

What Is a Response?

A response is the server’s reply to a client’s request.

Example:

Client: “Send me the homepage.”

Server: “Here is the homepage.”

This process is called the Request-Response Cycle.

How Does a Website Work?

The basic website communication flow is:

User → Browser → Internet → Server → Response → Browser → Website

Step by step:

1. The user enters a website address in a browser.
2. The browser finds the appropriate website server.
3. The browser sends a request to the server.
4. The server receives and processes the request.
5. The server sends a response.
6. The browser receives the response.
7. The browser processes the website resources.
8. The web page is displayed to the user.

HTML, CSS and JavaScript

Three important technologies are commonly used in frontend web development.

HTML

HTML stands for HyperText Markup Language.

HTML is used to create the structure and meaning of a web page.

Example:

Welcome to My Website

This is my first web page.

CSS

CSS stands for Cascading Style Sheets.

CSS is used to control the appearance and layout of web pages.

For example, CSS can control:

• Colors
• Fonts
• Spacing
• Layout
• Responsive design

JavaScript

JavaScript is a programming language used to add logic, behavior, and interactivity to websites.

For example, JavaScript can be used for:

• Buttons
• Menus
• Form validation
• Popups
• Interactive content
• Dynamic website features

Easy Way to Remember

HTML = Structure
CSS = Design and Presentation
JavaScript = Behavior and Interactivity

Practical Example

Imagine an online computer shop.

A customer opens a product page using Google Chrome.

The process may look like this:

Customer → Browser → Internet → Server → Product Data → Browser → Product Page

The browser works as the client.

The client requests the product page from the server.

The server processes the request and sends the required information back.

The browser then displays the product page to the customer.

Common Beginner Mistakes

• Thinking the Internet and the World Wide Web are exactly the same.
• Thinking a website and a web page are the same thing.
• Calling HTML a programming language. HTML is a markup language.
• Memorizing definitions without understanding the concepts.
• Copying code without practicing it.
• Moving to advanced topics before understanding basic web concepts.

New & Difficult Words

Internet — A worldwide network of interconnected networks.

WWW — World Wide Web.

Website — A collection of related web pages and resources.

Web Page — An individual page or document on the Web.

Homepage — The main or introductory page of a website.

Browser — Software used to access and display web content.

Client — Software or a device that sends a request.

Server — A system that receives requests and provides responses.

Request — A message asking a server for a resource or action.

Response — The server’s reply to a request.

HTML — HyperText Markup Language.

CSS — Cascading Style Sheets.

HTTP — Hypertext Transfer Protocol.

HTTPS — Hypertext Transfer Protocol Secure.

URL — Uniform Resource Locator.

DNS — Domain Name System.

Important Notes

Remember these basic relationships:

Internet ≠ World Wide Web

Website ≠ Web Page

Client → Request → Server

Server → Response → Client

HTML → Structure

CSS → Design and Presentation

JavaScript → Behavior and Interactivity

Practice

1. Explain the Internet in your own words.
2. Explain the World Wide Web in your own words.
3. Write the difference between the Internet and the Web.
4. Explain the difference between a website and a web page.
5. Name five popular web browsers.
6. Explain what a client does.
7. Explain what a server does.
8. Explain the Request-Response Cycle.
9. Write the full forms of HTML, CSS, WWW, HTTP, HTTPS, URL, and DNS.
10. Draw this flow:

User → Browser → Internet → Server → Response → Browser

Assignment

Choose any website that you use regularly.

Identify:

• Website
• Homepage
• Web pages
• Browser
• Client
• Server
• Request
• Response

Then write 5–10 sentences explaining what happens when you enter the website address in your browser and open the website.

Quiz

1. What is the Internet?
   Answer: The Internet is a worldwide network of interconnected computer networks.
2. What does WWW stand for?
   Answer: World Wide Web.
3. What is a website?
   Answer: A website is a collection of related web pages and resources.
4. What is a web page?
   Answer: A web page is an individual page or document available on the Web.
5. What is a client?
   Answer: A client is software or a device that requests resources or services from a server.
6. What is a server?
   Answer: A server is a system that receives requests and provides resources or services in response.
7. What does HTML stand for?
   Answer: HyperText Markup Language.
8. What does CSS stand for?
   Answer: Cascading Style Sheets.
9. Is HTML a programming language?
   Answer: No. HTML is a markup language.
10. What are the three core frontend technologies?
    Answer: HTML, CSS, and JavaScript.

Interview Questions

Q: What is the difference between the Internet and the World Wide Web?

Answer: The Internet is the global network infrastructure that connects computers and networks. The World Wide Web is a system of websites, web pages, and other web resources that operates over the Internet.

Q: What is the difference between a website and a web page?

Answer: A web page is an individual document or page, while a website is a collection of related web pages and resources.

Q: What is a client in web development?

Answer: A client is software or a device that requests resources or services from a server. A web browser is a common example of a client.

Q: What is a server?

Answer: A server is a system that receives client requests, processes them, and sends responses.

Q: What are HTML, CSS, and JavaScript used for?

Answer: HTML provides structure, CSS controls presentation and design, and JavaScript adds programming logic, behavior, and interactivity.

Class Summary

In Class 01, you learned the fundamental concepts of the Internet, World Wide Web, websites, web pages, browsers, clients, servers, requests, and responses.

The most important flow to remember is:

User → Browser → Request → Server → Response → Browser

These concepts provide the foundation you need before moving deeper into web development.

Next Class:
Class 02 — How a Website Works: Client & Server