Basics
Headings & Paragraphs
h1-h6, p
💡 Headings ek newspaper ke headline hierarchy jaisi hain — h1 sabse bada headline (poori story ka title), h2 sub-headlines, aur waise hi chhote hote jaate hain h6 tak. Content ki importance/structure batati hain, sirf size nahi.
h1 se h6 tak 6 levels ki headings hain — h1 sabse important (usually ek page par sirf ek baar), h6 sabse kam. Ye SIRF visual size ke liye nahi hain — search engines aur screen readers inhe use karte hain page ka structure samajhne ke liye.
<p> paragraph text ke liye hai — browser automatically har paragraph ke around kuch spacing add karta hai.
<h1>Main Page Title</h1>
<h2>Ek Section</h2>
<p>Is section ka content yahan hoga.</p>
<h3>Ek Sub-section</h3>
<p>Aur zyada detail yahan.</p>
<h2>Doosra Section</h2>
<p>Aur ek paragraph.</p>📰
Headings ek newspaper ke headline hierarchy jaisi hain — h1 sabse bada headline (poori story ka title), h2 sub-headlines, aur waise hi chhote hote jaate hain h6 tak. Content ki importance/structure batati hain, sirf size nahi.
1 / 2
⚡ Quick Recap
- h1 (most important) se h6 (least) tak — semantic hierarchy
- Ek page par usually sirf ek h1
- Sirf visual size ke liye headings misuse mat karo
Is page mein (1 subtopics)
<br> ek single line break hai (jaise ek poem ki lines). Nayi paragraph ke liye <br><br> use karna GALAT practice hai — iski jagah naya <p> tag use karo, jo semantically sahi hai aur proper spacing bhi deta hai.
<!-- Sahi — poem/address jaisi cheezon ke liye: -->
<p>
Roses are red<br>
Violets are blue
</p>
<!-- GALAT — nayi paragraph ke liye br use karna: -->
<!-- <p>Text 1</p><br><br><p>Text 2</p> -->
<!-- SAHI — naya paragraph tag: -->
<p>Text 1</p>
<p>Text 2</p>Common Mistake: Multiple <br> tags ka use spacing ke liye karna (jaise <br><br><br>) bad practice hai — spacing CSS (margin/padding) se control karo, HTML structure se nahi.