Complete Web Designing Course for Beginners

📘 MODULE 1 – HTML Fundamentals

🌐 Lesson 1.1 – What is HTML?

🏗️ Understanding the Language That Builds Every Website

🎯 Learning Objectives

After completing this lesson, students will be able to:

✅ Understand what HTML is

✅ Understand the history of HTML

✅ Understand why HTML was created

✅ Explain the role of HTML in web development

✅ Understand HTML tags and elements

✅ Understand how browsers read HTML

✅ Understand why HTML is the foundation of every website

📖 Introduction

Imagine you want to build a house.

Before painting the walls, adding furniture, or installing lights, you must first create the structure of the house.

Without structure:

❌ No rooms

❌ No doors

❌ No windows

❌ No building

The same rule applies to websites.

Before adding:

Colors
Images
Buttons
Animations

you must first create the structure.

That structure is created using:

🌐 HTML

Every website on the internet starts with HTML.

Whether it is:

Google
YouTube
Amazon
Facebook
Instagram
College Websites

all use HTML.

🤔 What is HTML?

HTML stands for:

HyperText Markup Language

It is the standard language used to create webpages.

HTML tells browsers:

What content should appear
Where content should appear
How content should be organized

💡 Simple Definition

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

🏗️ Think of HTML as a Building Skeleton

Imagine a human body.

The skeleton provides:

Shape
Structure
Support

Without a skeleton:

The body cannot stand.

Similarly:

Without HTML:

A website cannot exist.

🌍 Real Life Example

Consider a newspaper.

A newspaper contains:

Headlines
Articles
Images
Advertisements

HTML organizes content in a similar way.

It tells the browser:

This is a heading

This is a paragraph

This is an image

This is a table

The browser then displays everything properly.

📜 History of HTML

To understand HTML better, let’s learn its history.

👨‍🔬 Who Created HTML?

HTML was created by:

Tim Berners-Lee

in 1991.

He is also known as:

🌍 Father of the World Wide Web

Why Was HTML Created?

In the early days of the internet, scientists needed a simple way to share documents and information.

Tim Berners-Lee developed HTML to solve this problem.

His goal was:

✅ Share information easily

✅ Connect documents together

✅ Create hyperlinks between pages

🌐 What is HyperText?

The word HyperText comes from:

Hyper + Text

HyperText means text that contains links to other documents.

Example

Suppose a webpage contains:

Click Here To Visit Google

When clicked:

The user moves to another webpage.

This is HyperText.

🏷️ What is Markup Language?

Markup means:

Using tags to describe content.

Example:

<h1>Welcome</h1>

The tag:

<h1>

tells the browser:

“This is a heading.”

Why Is HTML Called a Markup Language?

Because HTML uses tags to mark content.

Examples:

<h1>

Heading

<p>

Paragraph

<img>

Image

<a>

Link

⚠️ Is HTML a Programming Language?

This is one of the most common interview questions.

The answer is:

❌ No

HTML is NOT a programming language.

Why?

Programming languages can:

Make decisions
Perform calculations
Execute logic

Examples:

JavaScript
Python
Java
C++

HTML cannot do these things.

HTML only describes content structure.

Therefore:

HTML is a Markup Language.

🌐 What Can HTML Create?

HTML can create:

Headings

Paragraphs

Images

Hyperlinks

Lists

Tables

Forms

Videos

Audio

Buttons

Sections

Navigation Menus

Everything visible on a webpage starts with HTML.

🖥️ How Does HTML Work?

Let’s understand the complete process.

Step 1

Developer writes HTML code.

Example:

<h1>Hello Students</h1>

Step 2

HTML file is saved.

Example:

index.html

Step 3

Browser opens the file.

Examples:

Chrome
Edge
Firefox

Step 4

Browser reads HTML tags.

Step 5

Browser displays content.

Output:

Hello Students

🔍 Browser’s Role

Browsers understand HTML.

Examples:

Google Chrome

Microsoft Edge

Mozilla Firefox

Opera

When browsers see:

<h1>

they know:

“This is a heading.”

🏷️ Understanding HTML Tags

HTML works using tags.

What is a Tag?

A tag is a special keyword enclosed inside angle brackets.

Example:

<h1>

<p>

Examples of Tags

<h1>

Heading Tag

<p>

Paragraph Tag

<img>

Image Tag

<a>

Link Tag

🧱 HTML Elements

An HTML element consists of:

Opening Tag

Content

Closing Tag

Example:

<h1>Welcome Students</h1>

Breakdown:

Opening Tag:

<h1>

Content:

Welcome Students

Closing Tag:

</h1>

📦 Structure of an HTML Element

Opening Tag

↓

Content

↓

Closing Tag

Together they form an element.

🌟 Why HTML Is Important

Without HTML:

❌ No websites

❌ No webpages

❌ No online forms

❌ No web content

HTML is the foundation of web development.

🏗️ HTML + CSS + JavaScript

Modern websites use three main technologies.

HTML

Creates structure.

CSS

Creates design.

JavaScript

Creates functionality.

House Example

HTML:

Walls and rooms.

CSS:

Paint and decoration.

JavaScript:

Electricity and smart systems.

Together they create a complete website.

🌐 Examples of Websites Using HTML

Every website uses HTML.

Examples:

Google

YouTube

Facebook

Amazon

Wikipedia

Netflix

College Websites

Government Websites

🚀 Advantages of HTML

Easy to Learn

Perfect for beginners.

Free

No license required.

Supported Everywhere

Works in all browsers.

Foundation of Web Development

Required for every website.

Beginner Friendly

Simple syntax.

⚠️ Limitations of HTML

HTML alone cannot:

❌ Add advanced styling

❌ Create animations

❌ Process forms

❌ Store data

❌ Create dynamic functionality

For these tasks we use:

CSS
JavaScript
Backend Technologies

🏆 Career Importance of HTML

Learning HTML is the first step toward becoming:

Web Designer

Frontend Developer

Full Stack Developer

UI Developer

Web Application Developer

Freelancer

Website Creator

📝 Practical Activity

Open any website.

Examples:

Google
YouTube
Amazon

Open Developer Tools:

F12

Go to:

Elements Tab

Observe HTML tags being used.

Write down at least:

One Heading Tag
One Paragraph Tag
One Image Tag

📋 Assignment

Assignment 1.1

Answer the following questions:

What is HTML?
What does HTML stand for?
Who invented HTML?
Why was HTML created?
Is HTML a programming language? Why?
What is a tag?
What is an HTML element?
Name five things HTML can create.

🧠 Quiz

Q1. What does HTML stand for?

A. HyperText Markup Language

B. Hyper Transfer Markup Language

C. High Text Machine Language

D. Hyper Tool Markup Language

✅ Answer: A

Q2. Who invented HTML?

A. Bill Gates

B. Steve Jobs

C. Tim Berners-Lee

D. Mark Zuckerberg

✅ Answer: C

Q3. Is HTML a programming language?

A. Yes

B. No

✅ Answer: B

Q4. What does HTML primarily create?

A. Structure

B. Database

C. Security

D. Operating System

✅ Answer: A

Q5. Which symbol is used in HTML tags?

A. ()

B. {}

C. []

D. < >

✅ Answer: D

📌 Lesson Summary

✅ HTML stands for HyperText Markup Language.

✅ HTML was created by Tim Berners-Lee in 1991.

✅ HTML is used to create webpage structure.

✅ HTML uses tags to organize content.

✅ HTML is not a programming language.

✅ Browsers read HTML and display webpages.

✅ Every website on the internet uses HTML.

✅ HTML is the foundation of web development.