Introduction of Formatting tags in HTML
आपने word, word pad मे text को bold, italic, या underline किया होगा? तो इसे हम text formatting कहते है?
इस post मे हम आपको बतायेंगे की HTML मे Formatting कैसे करते है? कौन से Elements और tags का इस्तेमाल करते है?
HTML language मे text को formatting करने के लिये special elements को define किया है। special elements को Formatting elements कहा जाता है।
HTML मे कई प्रकार के Formatting tags को Design किया है। जीनके बारे मे नीचे बताया जा रहा है।
- <b> – Bold text
- <strong> – Important text
- <i> – Italic text
- <em> – Emphasized text
- <strike> – Strike through text
- <u> – Underline text
- <mark> – Marked text
- <small> – Small text
- <del> – Deleted text
- <ins> – Inserted text
- <sub> – Subscript text
- <sup> – Superscript text
HTML <b> Element
HTML मे text को Bold करने के लिए <b> Element का उपयोग होता है। इससे text मोटा और गहरा होता है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>This is Normal Text.</p> <p><b>This is Bold Text.</b></p> </body> </html>
HTML <Strong> Element
Strong Element strong text या important text को define करता है। इससे text मोटा और गहरा होता है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Formatting tags in HTML</h2> <p>This is Normal Text.</p> <p><Strong>This is Strong Text.</Strong></p> </body> </html>
अगर आपका किसी भी शब्द अन्य शब्द की तुलना मे ज्यादा महत्वपूर्ण है तो आप <strong> element को use करे। अन्यथा आप <b> element को use करे।
HTML <i> Element
italic text को define करने के लिए <i> element का use होता है। ये शब्द को तिरछा कर देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Formatting tags in HTML</h2> <p>This is Normal Text.</p> <p><i>This is Italic Text.</i></p> </body> </html>
HTML <em> Element
Emphasized text को define करने के लिए <em> element का use होता है। ये शब्द को तिरछा कर देता है। Emphasized text का महत्व italic text से ज्यादा है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Formatting tags in HTML</h2> <p>This is Normal Text.</p> <p><em>This is Emphasized Text.</em></p> </body> </html>
अगर आपका किसी भी शब्द अन्य शब्द की तुलना मे ज्यादा महत्वपूर्ण है तो आप <em> element को use करे। अन्यथा आप <i> element को use करे।
HTML <strike> Element
Strike through text को define करने के लिए <strike> element का use होता है। यह शब्द के बीच मे line को खींच देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>This is Normal Text.</p> <p><strike>This is Strikethrough Text.</strike></p> </body> </html>
HTML <u> Element
Underline text को define करने के लिए <u> element का use होता है। यह शब्द के नीचे line को खींच देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>This is Normal Text.</p> <p><u>This is Underlined Text.</u></p> </body> </html>
HTML <mark> Element
Marked text को define करने के लिए <mark> element का use होता है। शब्द को highlight करने के लिए इसका इस्तेमाल होता है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>This is Normal Text.</p> <p>This is <mark>Marked</mark> Text.</p> </body> </html>
HTML <small> Element
Small text को define करने के लिए <small> element का use होता है। यह text को normal text से छोटा कर देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Formatting tags in HTML</h2> <p>This is Normal Text.</p> <p>This is <small>Small</small> Text.</p> </body> </html>
HTML <del> Element
Deleted text को define करने के लिए <del> element का use होता है। यह शब्द के बीच मे line को खींच कर कट कर देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Formatting tags in HTML</h2> <p>This is Normal Text.</p> <p>This is <del>Deleted</del> Text.</p> </body> </html>
HTML <ins> Element
Inserted text को define करने के लिए <ins> element का use होता है। यहा delete किए गए शब्द की जगह नया शब्द add किया जाता है।
उदाहरण
<!DOCTYPE html> <html> <body> <h2>Formatting tags in HTML</h2> <p>This is Normal Text.</p> <p>This is <del>Deleted</del> <ins>Inserted</ins>Text.</p> </body> </html>
HTML <sub> Element
Subscript text को define करने के लिए <sub> element का use होता है। Subscript text पास वाले शब्द से नीचे दिखाई देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>This is Normal Text.</p> <p>This is <sub>Subscript</sub> Text.</p> </body> </html>
HTML <sup> Element
Superscript text को define करने के लिए <sup> element का use होता है। Superscript text पास वाले शब्द से ऊपर दिखाई देता है।
उदाहरण
<!DOCTYPE html> <html> <body> <p>This is Normal Text.</p> <p>This is <sup>Superscript</sup> Text.</p> </body> </html>