HTML

HTML Tutorial

HTML Introduction

HTML Tutorial - Introduction

Learn HTML – Structure the Web!

HTML is the standard markup language for creating web pages and applications.

With HTML, you define the structure of your content—headings, paragraphs, images, links, and more.

It’s easy to learn and gives you the foundation for everything on the web!

🖼️ Content Structure: organize text, images & media
🔗 Hyperlinks: connect pages and resources
⚙️ Foundation for CSS & JS: build on top of HTML
🌐 Universal: every browser supports HTML

🚀 Start Learning HTML Now »

💡 What is HTML?

HTML (HyperText Markup Language) uses tags like <h1>, <p>, and <img> to tell the browser how to display your content.

📄 Example: Basic HTML Page

Basic HTML Structure

<!DOCTYPE html>
<html>
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Welcome!</h1>
    <p>This is my first paragraph.</p>
  </body>
</html>

Explanation:

<!DOCTYPE html>: Declares the document as HTML5
<html>: Root of the page
<head>: Contains page info like title
<title>: Sets the browser tab title
<body>: Main content area
<h1>: Big heading
<p>: Paragraph text

HTML Element Explained

An HTML element has a start tag, content, and end tag:

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

Start Tag	Content	End Tag
<h1>	This is a heading	</h1>
<p>	This is a paragraph.	</p>

Empty Elements

Some elements do not have any content or closing tags. These are called empty elements.

Examples:

<br> – Line break
<hr> – Horizontal line

🤔 Why Learn HTML?

✅ Essential Skill: every web developer starts here
✅ Quick Results: see changes instantly in your browser
✅ Lightweight: no setup—just a text editor and browser
✅ Versatile: forms, tables, multimedia, and more

What is HTML?

HTML stands for HyperText Markup Language
It is used to design the structure of web pages
HTML is made of elements and tags
Tags help the browser understand how to display content

🟨 Real-life Analogy

Think of HTML as the blueprint of a house. It tells where the walls, doors, and windows go—but doesn’t paint the walls or install furniture (that's CSS and JavaScript).

How Browsers Use HTML

Browsers like Chrome and Firefox read HTML code and display the content visually.

They do not show the tags, only the final result based on those tags.

Visual Layout of a Web Page

<html>
  <head>
    <title>My Page</title>
  </head>
  <body>
    <h1>Heading Here</h1>
    <p>First paragraph.</p>
    <p>Second paragraph.</p>
  </body>
</html>

The content inside <body> appears on the screen. The text inside <title> appears in the browser tab.

HTML Version History

Year	Version
1989	WWW Invented
1991	HTML Created
1995	HTML 2.0
1997	HTML 3.2
1999	HTML 4.01
2008	HTML5 Draft
2014	HTML5 Final
2017	HTML5.2

HTML5 is the current and most widely used version of HTML.

Login

To get started