📑 Table of Contents

• What is HTML?
• Hyperlinks concept
• Markup Language kya hai
• Tags vs Elements
• Headings h1–h6
• Horizontal Rule (hr)
• Line Break (br)
• Lists (ol, ul, li)
• Comments
• Anchor tag (a)
• Image tag (img)
• Paragraph Tag (p)
• What is attribute

What is HTML ?

HTML ka matlab HyperText Markup Language hai, jo web page ki structure aur content ko define karti hai, jaise headings, paragraphs, links, images, lists, etc.

Hyperlinks concept

Hyperlink aise links hote hain jinke click par dusre page ya resource par navigate kiya ja sakta hai, isi se “HyperText” ka idea aata hai.
Real-world Example Ek news website me home page se “Sports” pe click karke sports page khul jata hai—yehi hyperlink ki buniyad hai

Markup Language kya hai

Markup Language = Text ko structure dene wali language
Real World Example => Soch le jaise kitaab mein heading, underline, aur points bante hain, waise hi website mein markup language karti hai.

Tag Vs Elements

Tag wo keyword hota hai jo angle brackets me likha jata hai jabki element start tag se end tag tak ka pura hissa hota hai including content.

Element(start tag + content + end tag) Yeh pura element hai

Headings h1–h6

h1 = Sabse badi heading
h6 = Sabse chhoti heading

Jaise kitaab me chapter ka title bada hota hai aur andar ke point chhote, waise hi.

• h1 - Main Title
• h2 - Sub Title
• h3 - Topic
• h4 - Sub Topic
• h5 - Note
• h6 - Small Note

Horizontal Rule (hr)

hr = ek sidhi line jo do content ko alag karti hai.

Example 👇

Line Break (br)

br = line todne ka tag, jahan lagao wahan nayi line shuru

Lists (ol, ul, li)

List = cheezon ko ek ke baad ek likhna (jaise shopping list).

1- Number wali list
• Bullet wali list

Comments

HTML Comment = Code me note likhna jo browser ko dikhai nahi deta. 👉 Sirf developer ke liye hota hai, output me nahi dikhta

Anchor tag (a)

Anchor tag = HTML ka "link button". Anchor tag, link banane ke liye use hota hai. 👉 Isse kisi dusre page, website, ya file pe jump kar sakte ho.

href = jahan jaana hai (link).
Text = jo user ko clickable dikhega.

Image tag (Img)

(img) Tag = photo dikhane wala tag, src se photo aati hai, alt backup text hai.

src = image ka address (kahan se aani hai).
alt = agar image load na ho to yeh text dikhega.

Paragraph Tag (p)

Paragraph tag (p) HTML ka tag hai jo text ko paragraph (matlab ek block) ke form me dikhata hai.

Har paragraph nayi line se start hota hai.
Browser automatically uske upar–neeche thoda space de deta hai.

What is attribute

Attributes = Extra details jo HTML element ko kaam karne ya style dene me help karti hain.