Protected Learning Content

AICPE Gurukul content is created for learning purposes. Printing, copying and unauthorized reuse are restricted.

AICPE Learning Hub HTML with CSS
Chapter 1
Web & HTML Introduction
Previous Course Index Next Tools & Project Setup
Chapter 1 | Beginner Foundation

Web & HTML Introduction

Before writing HTML code, every student must understand what a website is, how browsers work, and why HTML is called the foundation of every webpage.

Start Learning Try Example

Understand the Web

Learn website, webpage, browser, server and URL basics.

Know HTML

Understand how HTML creates the structure of webpages.

Connect CSS

See how CSS makes HTML pages attractive and readable.

Test Yourself

Attempt a quick quiz after learning the chapter.

Learning Objectives

After This Chapter, You Will Understand

This chapter creates the base for the complete HTML with CSS course.

Webpage

What a webpage is and how it is displayed in a browser.

Website

How multiple webpages together create a complete website.

Server

Why websites are stored on servers and accessed online.

HTML

Why HTML is used to create the structure of web content.

Basic Understanding

What is the Web?

The web is a system of connected pages and resources that users access through the internet.

1 World Wide Web

The World Wide Web is a collection of websites, webpages, images, videos, documents and other resources connected through links. We access these resources using a web browser such as Chrome, Edge, Firefox or Safari.

Simple Definition: The web is like a large digital library where every website is a book, every webpage is a page, and links help us move from one page to another.

How a Website Opens

  1. You enter a website address in the browser.
  2. The browser sends a request to the web server.
  3. The server sends back webpage files such as HTML, CSS, images and scripts.
  4. The browser reads these files and displays the webpage on your screen.
Important Point: A browser does not directly understand “design ideas”. It reads code and displays the webpage according to that code.
Webpage

A single document displayed in a browser. Example: About Us page.

Website

A group of connected webpages. Example: Home, About, Courses and Contact pages.

Web Browser

Software used to open websites. Example: Google Chrome, Microsoft Edge.

Web Server

A computer system that stores website files and sends them to users.

URL

The address of a webpage. Example: https://aicpe.biz/gurukul/html/

Homepage

The main opening page of a website. Usually named index.html or index.php.

HTML Foundation

What is HTML?

HTML is the basic language used to create the structure and meaning of webpages.

2 Meaning of HTML

HTML stands for HyperText Markup Language. It is used to arrange and define content on a webpage, such as headings, paragraphs, images, links, tables, forms and sections.

Example: If a webpage is like a building, HTML is the structure of the building. It decides where the heading, paragraph, image, form and footer will appear.

HTML is Used For

  • Creating webpage structure
  • Adding headings and paragraphs
  • Adding links and images
  • Creating forms and tables
  • Creating semantic website sections

3 Why Learn HTML?

HTML is the first step for anyone who wants to learn website designing, frontend development, digital services, blogging, email templates or full-stack development.

Career Use: HTML is useful for web designers, frontend developers, digital marketers, bloggers, freelancers, computer teachers and students learning programming.

Student Benefits

  • Start website creation from zero level
  • Understand how webpages are structured
  • Create basic websites independently
  • Prepare for CSS, JavaScript and PHP learning
  • Build confidence for web development projects
HTML + CSS + JavaScript

Difference Between HTML, CSS and JavaScript

These three technologies work together to create modern webpages.

HTML

HTML creates the structure and content of the webpage.

Role: Skeleton / Structure

CSS

CSS adds design, colors, spacing, layout, fonts and responsiveness.

Role: Design / Presentation

JavaScript

JavaScript adds actions, behavior, interactivity and dynamic features.

Role: Action / Behavior
Easy Memory: HTML is the body, CSS is the dress, and JavaScript is the movement.
Try It Yourself

Your First HTML Preview

Edit the code and click “Run Code” to see the output instantly.

HTML Code Change text and run
Output Preview Browser result
Practice Task: Change the heading to your name and change the paragraph to “I am learning HTML with AICPE Gurukul.”
Beginner Guidance

Common Beginner Mistakes

Avoid these mistakes from the first day of HTML learning.

Wrong Habits

  • Thinking HTML is a programming language
  • Writing code without proper structure
  • Forgetting closing tags
  • Saving file with wrong extension
  • Using headings only to make text large

Professional Habits

  • Write clean and readable code
  • Use proper indentation
  • Use meaningful headings
  • Keep file names simple and lowercase
  • Practice every example by typing yourself
Remember: HTML is not learned by only reading. You must type, test, make mistakes and correct them.
Quick Quiz

Test Your Understanding

Select the correct answers and check your score.

1. HTML is mainly used for:

HTML is used to create the structure and content of a webpage.

2. Which software is used to open websites?

A web browser such as Chrome, Edge or Firefox is used to open websites.

3. CSS is mainly used for:

CSS controls design, colors, spacing, fonts and layouts.

4. A group of connected webpages is called:

A website is a group of connected webpages.

5. JavaScript is mainly used for:

JavaScript adds action, behavior and interactivity to webpages.
Quick Revision

Remember These Points

Use this section for fast revision before moving to Chapter 2.

Web

The web is a collection of connected pages and resources accessed through browsers.

HTML

HTML creates the structure and meaning of webpage content.

CSS

CSS makes the HTML page visually attractive and responsive.

JavaScript

JavaScript adds behavior, actions and interactivity to webpages.

Browser

A browser reads website files and displays the webpage to users.

Website

A website is a collection of connected webpages under one domain or location.

Back to Course Index Next Chapter: Tools & Project Setup