HTML Formatting एक ऐसी प्रक्रिया है जिससे text को बढ़िया और बेहतर दिखाया जा सकता है| HTML में बहुत सरे HTML tags होते हैं| इन tags का इस्तेमाल text को bold, italicized या underline करने के लिए होता है|

हम 12 HTML tags सीखने जा रहे हैं जिनके बारे में नीचे बताया गया है|

1) Bold Text

अगर आप <b>……………..</b> element के अन्दर कुछ लिखते हो तो यह bold letters में दिखाया जाएगा|

उदाहरण देखें:

  1. <p> <b>Write Your First Paragraph in bold text.</b></p>

ट्राई करें

आउटपुट:

Write Your First Paragraph in bold text.

 

2) Italic Text

अगर आप <i>……………..</i> element के अन्दर कुछ लिखते हो तो यह italic letters में दिखाया जाएगा|

उदाहरण देखें:

  1. <p> <i>Write Your First Paragraph in italic text.</i></p>

ट्राई करें

आउटपुट:

Write Your First Paragraph in italic text.



3) HTML Marked formatting

अगर आप किसी text को मार्क या हाईलाइट करना चाहते हो तो आपको <mark>………</mark> के अन्दर लिखना चाहिए|

उदाहरण देखें:

  1. <h2> I want to put a <mark> Mark</mark> on your face</h2>

ट्राई करें

आउटपुट:

I want to put a Mark on your face



4) Underlined Text

अगर आप <u>……….</u> के अन्दर कुछ लिखते हो तो वो text underline हो जाएगा| /p>

उदाहरण देखें:

  1. <p> <u>Write Your First Paragraph in underlined text.</u></p>

ट्राई करें

आउटपुट:

Write Your First Paragraph in underlined text.



5) Strike Text

<strike>……………….</strike> के अन्दर जो भी लिखा जाएगा वह text strikethrough के साथ दिखाई देगा| यह एक पतली line होती है जो text के ऊपर आ जाती है|

उदाहरण देखें:

  1. <p> <strike>Write Your First Paragraph with strikethrough</strike>.</p>

ट्राई करें

आउटपुट:

Write Your First Paragraph with strikethrough.



6) Monospaced Font

अगर आप चाहते हो कि प्रत्येक अक्षर की चौड़ाई सामान हो तो आपको कंटेंट <tt>………………</tt> element के अन्दर लिखना होगा|

नोट: जैसा कि हम जानते हैं कि बहुत से fonts variable-width fonts के नाम से जाने जाते हैं क्योंकि अलग अलग अक्षरों की अलग अलग चौड़ाई होती है जैसे कि ‘w’ ‘i’ से जायदा चौड़ा है| Monospace Font से प्रत्येक अक्षर को बराबर जगह मिलती है|

उदाहरण देखें:

  1. <p>Hello <tt>Write Your First Paragraph in monospaced font.</tt></p>

ट्राई करें

आउटपुट:

Hello Write Your First Paragraph in monospaced font.



7) Superscript Text

अगर आप कंटेंट को <sup>…………….</sup> element के अन्दर रखते हो तो यह superscript में दिखाया जाएगा| यह दूसरे अक्षरों से लगभग अक्षरों की आधी ऊंचाई के बराबर उंचा दिखाई देगा|

उदाहरण देखें:

  1. <p>Hello <sup>Write Your First Paragraph in superscript.</sup></p>

ट्राई करें

आउटपुट:

Hello Write Your First Paragraph in superscript.



8) Subscript Text

अगर आप कंटेंट को <sub>…………….</sub> element के अन्दर रखते हो तो यह subscript में दिखाया जाएगा| यह दूसरे अक्षरों से लगभग अक्षरों की आधी ऊंचाई के बराबर नीचे दिखाई देगा|

उदाहरण देखें:

  1. <p>Hello <sub>Write Your First Paragraph in subscript.</sub></p>

ट्राई करें

आउटपुट:

Hello Write Your First Paragraph in subscript.



9) Deleted Text

<del>…………….</del> के अन्दर जो भी text रखा जाएगा वह deleted text के रूप में दिखाया जाएगा|

उदाहरण देखें:

  1. <p>Hello <del>Delete your first paragraph.</del></p>

ट्राई करें

आउटपुट:

Hello Delete your first paragraph.



10) Inserted Text

<ins>…….</ins> के अन्दर जो भी text रखा जाएगा वह inserted text की तरह दिखेगा|

उदाहरण देखें:

  1. <p> <del>Delete your first paragraph.</del><ins>Write another paragraph.</ins></p>

ट्राई करें

आउटपुट:

Delete your first paragraph.Write another paragraph.

 

11) Larger Text

अगर आप अपना font साइज़ बाकि के text से बड़ा रखना चाहते हो तो कंटेंट को <big>…………</big> के अन्दर रखें| इससे font size पहले के साइज़ से एक font साइज़ ज्यादा हो जाएगा|

उदाहरण देखें:

  1. <p>Hello <big>Write the paragraph in larger font.</big></p>

ट्राई करें

आउटपुट:

Hello Write the paragraph in larger font.

 

12) Smaller Text

अगर आप अपना font साइज़ बाकि के text से छोटा रखना चाहते हो तो कंटेंट को <small>…………</small> tag के अन्दर रखें| इससे font sizeपहले के साइज़ से एक font साइज़ कम हो जाएगा|

उदाहरण देखें:

  1. <p>Hello <small>Write the paragraph in smaller font.</small></p>

ट्राई करें

आउटपुट:

Hello Write the paragraph in smaller font.