✏️
Text & Formatting

Text Formatting Tags

strong, em, small, mark
💡 Text formatting tags text ke andar "emphasis markers" hain — jaise kisi baat ko bolte waqt awaaz zor se karna (strong), ya halka sa emphasis dena (em) — reader ko batate hain kaunsa part zyada important hai.

<strong> text ko IMPORTANT (semantically) banata hai, browser usually bold dikhata hai. <em> text ko emphasize karta hai (jaise bolte waqt zor dena), usually italic dikhता hai. Farq <b>/<i> se: strong/em SEMANTIC hain (matlab carry karte hain), b/i sirf VISUAL hain (sirf bold/italic dikhte hain, koi extra meaning nahi).

<small> chhota print/disclaimer text ke liye. <mark> text highlight karta hai (jaise search results mein matched word). <del>/<ins> deleted/inserted content dikhate hain (usually strikethrough/underline).

<p><strong>Zaroori:</strong> Ye deadline miss mat karna.</p>
<p>Mujhe <em>bahut</em> khushi hui.</p>
<p><small>Terms and conditions apply.</small></p>
<p>Search result: <mark>HTML</mark> tutorial mila.</p>
<p><del>₹999</del> <ins>₹599</ins> — Sale price!</p>
✏️
Text formatting tags text ke andar "emphasis markers" hain — jaise kisi baat ko bolte waqt awaaz zor se karna (strong), ya halka sa emphasis dena (em) — reader ko batate hain kaunsa part zyada important hai.
1 / 6
⚡ Quick Recap
  • strong/em = semantic (meaning), b/i = sirf visual (styling)
  • mark = highlight, small = disclaimer text
  • del/ins = deleted/inserted content (price changes, edits)
Is page mein (2 subtopics)

<sub> text ko subscript (niche, chhota) banata hai — jaise chemical formulas (H₂O). <sup> superscript (upar, chhota) — jaise exponents (x²) ya footnote references.

<p>Water ka formula hai H<sub>2</sub>O</p>
<p>Einstein: E = mc<sup>2</sup></p>
<p>Ye ek fact hai<sup>[1]</sup></p>
💡Tip: Scientific/mathematical content likhte waqt sub/sup semantic aur correct approach hai — sirf CSS se font-size chhota karna wahi visual effect nahi deta jo browsers/screen readers samajh sakein.

<abbr title="poora naam">SHORT</abbr> ek abbreviation ko mark karta hai, aur title attribute se poora form batata hai (hover par tooltip dikhta hai) — accessibility aur clarity dono ke liye useful.

<p>
  <abbr title="HyperText Markup Language">HTML</abbr> web pages banane ke liye use hoti hai.
</p>
💡Tip: Screen readers title attribute ko padh sakte hain — isse abbreviations ka poora matlab un users ko bhi milta hai jo visually tooltip nahi dekh sakte.