Chapter 1.1☕ 8 min read

What is HTML?

Simple as Irani chai — straight and solid.

01What is HTML?

Imagine you are at Nimrah Cafe near Charminar, ordering Irani chai. You tell the waiter: "One cutting chai, extra hot, less sugar."

HTML is exactly that. You give the browser instructions — "put a heading here, a paragraph here, an image here." The browser reads those instructions and shows you a beautiful page.

☕

Irani Chai Analogy: Chai has ingredients (milk, tea, sugar). HTML has elements (headings, paragraphs, links). Mix them right — perfect page.

02What does HTML stand for?

HyperText Markup Language

HyperText — Links that take you from one page to another. Like PVNR Expressway — fast travel between places.
Markup — You mark text with tags. "This is a heading, this is bold."
Language — Rules. A language of instructions for the browser.

03What are tags?

Tags are the building blocks of HTML. One opening tag and one closing tag — your content sits in between.

Here's the basic structure of an HTML document:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Paradise Biryani — Hyderabad</title>
  </head>
  <body>
    <h1>Welcome to Paradise Biryani!</h1>
    <p>Sab se best biryani Hyderabad mein.</p>
  </body>
</html>

Every line has a purpose. Let's break it down:

<!DOCTYPE html>Tell the browser: "This is an HTML5 file"

<html>Start of the page — like Charminar's main gate

<head>Invisible info — title, description, settings

<body>What the user sees — everything goes here

<h1>Biggest heading — like a restaurant's name sign

<p>Paragraph — for normal text

04How does HTML work?

Follow these three simple steps to see how HTML comes alive:

You write HTMLCreate a .html file in VS Code

→

Browser reads itChrome/Firefox parses your HTML

→

Page appearsBeautiful webpage — your creation!

Relax — HTML is not a programming language. No calculations, no logic. Just structure. Simple as Irani chai.

05Exercise — Build Your HTML

Your turn now. Use the starter code below and build a small HTML page for your favourite Hyderabad food spot.

Open VS Code. Create a new file — name it biryani-shop.html

Copy the starter code below and add your own content:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>_____ — Hyderabad</title>
  </head>
  <body>
    <h1></h1>
    <p></p>
  </body>
</html>

Complete these:

Write your favourite Hyderabad restaurant name in the title Add an <h1> heading in the body Add a <p> paragraph — what's special about that restaurant Save the file and open it in a browser

💡

Don't stress: Just save with .html extension and drag into the browser. No server needed — opens directly. Done!

Done — Key Points:

✅ HTML = Instructions for the browser to build a webpage
✅ Tags create elements — opening + closing
✅ What you write in <body> — user sees it
✅ Not a programming language — it's a markup language
✅ CSS for style, JS for behaviour — HTML gives only structure

Previous—📋 All Chapters Next Chapter1.2 — First HTML Page →