HTML

Welcome to the HTML Tutorial

If you’re just starting your web development journey, you’re in the right place!
In this tutorial, we’ll take you through HTML from the very basics to more advanced topics — all explained in simple and easy-to-follow steps. Whether you’re a complete beginner or someone who wants to brush up on HTML skills, this guide is made for you.
We’ll keep things clear, practical, and beginner-friendly. By the end of this tutorial, you’ll have a strong foundation in HTML and be ready to move on to CSS and JavaScript to build fully interactive websites.
Let’s begin with HTML.

What is HTML?

HTML stands for HyperText Markup Language.

• Hypertext: Hypertext refers to text that contains links to other resources or pages. When you click on a hypertext, it takes you to a different webpage or section. It’s text that’s connected to other information through links.
• Markup Language: A markup language is a computer language that uses tags to structure and format content. These tags help define how the content should be displayed or how it should behave on a webpage.

HTML is the standard language used to create web pages.
HTML is like the skeleton of a webpage. It tells the browser what to show on the screen — like headings, paragraphs, images, links, buttons, and more. It is used to create static websites, not dynamic ones.

When you open any website like Google, Facebook, or YouTube, what you see is built using HTML.

But wait…

I know… you’re probably thinking,
“Okay, HTML is a markup language… but what does that actually mean?”
Don’t worry — that confusion is totally normal when you’re just starting out.

Before we dive deeper, let’s take a small step back and understand some basic building blocks of the web.
Once you understand what things like webpages, websites, static and dynamic websites are, everything about HTML will start to make more sense.

What is a Webpage?

A webpage is a digital document that is written using HTML (HyperText Markup Language). It is saved with the file extension .html or .htm.
For example:

• home.html, contact.html, about-us.html — these are all webpages.

When you double-click an .html file, it opens in your web browser (like Chrome or Firefox) and shows content like text, images, buttons, etc.

What is a Website?

A website is a collection of multiple webpages that are linked together.
For example, when you open www.amazon.com, it has many pages like:

• Homepage (index.html)
• Product pages (product.html)
• Cart page (cart.html)
• Login page (login.html)

All these webpages together make one complete website.

Types of Websites:

1. Static Website:
   • Content is fixed and doesn’t change.
   • Simple to create.
   • Example: A personal portfolio or business card website.
2. Dynamic Website:
   • Content can change based on user actions or other factors.
   • More complex to create.

Example: Social media sites, e-commerce websites, or blogs.