Home Language HTML HTML formatting tags in hindi

HTML formatting tags in hindi

0
14

HTML Formatting बेहतर दिखने और महसूस करने के लिए पाठ को स्वरूपित करने की एक प्रक्रिया है। HTML हमें सीएसएस का उपयोग किए बिना पाठ को प्रारूपित करने की क्षमता प्रदान करता है। HTML में कई फॉर्मेटिंग टैग हैं। इन टैग का उपयोग टेक्स्ट को bold, italicized, or underlined करने के लिए किया जाता है। लगभग 14 विकल्प उपलब्ध हैं कि HTML और XHTML में कैसे पाठ दिखाई देता है।

HTML में प्रारूपण टैग दो श्रेणियों में विभाजित हैं:

  • Physical tag: ये टैग text को दृश्य उपस्थिति प्रदान करने के लिए उपयोग किए जाते हैं।
  • Logical tag: इन टैग का उपयोग टेक्स्ट में कुछ तार्किक या शब्दार्थ मान जोड़ने के लिए किया जाता है।


नोट: कुछ भौतिक और तार्किक टैग हैं जो समान दृश्य उपस्थिति दे सकते हैं, लेकिन वे शब्दार्थों में भिन्न होंगे।
यहां, हम 14 HTML फॉर्मेटिंग टैग सीखने जा रहे हैं। निम्नलिखित HTML प्रारूपण पाठ की सूची है।

Element nameDescription
<b>यह एक फिजिकल टैग है, जिसका उपयोग इसके बीच लिखे गए पाठ को बोल्ड करने के लिए किया जाता है।
<strong>यह एक तार्किक टैग है, जो ब्राउज़र को बताता है कि पाठ महत्वपूर्ण है।
<i>यह एक फिजिकल टैग है जिसका इस्तेमाल टेक्स्ट इटैलिक बनाने के लिए किया जाता है।
<em>यह एक तार्किक टैग है जिसका उपयोग इटैलिक में सामग्री प्रदर्शित करने के लिए किया जाता है।
<mark>इस टैग का उपयोग टेक्स्ट को हाइलाइट करने के लिए किया जाता है।
<u>इस टैग का उपयोग इसके बीच लिखे गए पाठ को रेखांकित करने के लिए किया जाता है।
<tt>यह टैग टेलेटाइप में पाठ प्रदर्शित करने के लिए उपयोग किया जाता है। (HTML5 में समर्थित नहीं)
<strike>इस टैग का उपयोग टेक्स्ट के एक सेक्शन पर एक स्ट्राइकथ्रू ड्रा करने के लिए किया जाता है। (HTML5 में समर्थित नहीं)
<sup>यह सामान्य रेखा से थोड़ा ऊपर की सामग्री को प्रदर्शित करता है।
<sub>यह सामान्य रेखा से थोड़ा नीचे की सामग्री को प्रदर्शित करता है।
<del>इस टैग का उपयोग हटाए गए सामग्री को प्रदर्शित करने के लिए किया जाता है।
<ins>यह टैग उस सामग्री को प्रदर्शित करता है जिसे जोड़ा जाता है
<big>यह टैग एक पारंपरिक इकाई द्वारा फ़ॉन्ट आकार बढ़ाने के लिए उपयोग किया जाता है।
<small>यह टैग बेस फॉन्ट साइज से फॉन्ट साइज को एक यूनिट कम करने के लिए इस्तेमाल किया जाता है।

1) बोल्ड टेक्स्ट
HTML और स्वरूपण तत्व HTML तत्व एक भौतिक टैग है जो बिना किसी तार्किक महत्व के बोल्ड फ़ॉन्ट में टेक्स्ट प्रदर्शित करता है। यदि आप<b> … </b> तत्व के भीतर कुछ भी लिखते हैं, तो मोटे अक्षरों में दिखाया जाता है। इस उदाहरण को देखें:

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

Output:

Write Your First Paragraph in bold text.

Strong टैग एक तार्किक टैग है, जो सामग्री को बोल्ड फ़ॉन्ट में प्रदर्शित करता है और ब्राउज़र को इसके तार्किक महत्व के बारे में सूचित करता है। अगर आप <strong>….</strong> के बीच कुछ भी लिखते हैं। , महत्वपूर्ण text दिखाया गया है। इस उदाहरण को देखें:

<p><strong>This is an important content</strong>, and this is normal content</p>  

Output:

This is an important content, and this is normal content

<!DOCTYPE html>  

<html>  

<head>  

    <title>formatting elements</title>  

</head>  

<body>  

<h1>Explanation of formatting element</h1>  

<p><strong>This is an important content</strong>, and this is normal content</p>  

</body>  

</html>  

2) इटैलिक टेक्स्ट

HTML और स्वरूपण तत्व HTML तत्व भौतिक तत्व है, जो किसी भी अतिरिक्त महत्व के बिना, इटैलिक फ़ॉन्ट में संलग्न सामग्री को प्रदर्शित करता है। यदि आप <i>…</i> तत्व के भीतर कुछ भी लिखते हैं, तो इटैलिक अक्षरों में दिखाया जाता है। इस उदाहरण को देखें:

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

Output:

Write Your First Paragraph in italic text

em टैग एक तार्किक टैग है, जो जोड़े गए शब्दार्थ महत्व के साथ, इटैलिक फ़ॉन्ट में संलग्न सामग्री को प्रदर्शित करेगा।

इस उदाहरण को देखें:

  1. <p><em>This is an important content</em>, which displayed in italic font.</p>  

Output:

This is an important content, which displayed in italic font

3) mark text
यदि आप किसी पाठ को चिह्नित या हाइलाइट करना चाहते हैं, तो आपको <mark></mark> के भीतर सामग्री लिखना चाहिए।

इस उदाहरण को देखें:

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

Output:

I want to put a Mark on your face

4) underline text
यदि आप <u>…</u> तत्व के भीतर कुछ भी लिखते हैं, तो रेखांकित पाठ में दिखाया गया है।

इस उदाहरण को देखें:

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

Output:

Write Your First Paragraph in underlined text.

5) strike text
<strike>….</strike> तत्व के भीतर जो कुछ भी लिखा गया है, वह स्ट्राइकथ्रू के साथ प्रदर्शित होता है। यह एक पतली रेखा है जो कथन को पार करती है।

इस उदाहरण को देखें:

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

Output:

Write Your First Paragraph with strikethrough.

6) मोनोस्पाज्ड फ़ॉन्ट
यदि आप चाहते हैं कि प्रत्येक अक्षर की चौड़ाई समान हो तो आपको <tt>…</tt> तत्व के भीतर सामग्री लिखनी चाहिए।

नोट: हम जानते हैं कि अधिकांश फोंट को चर-चौड़ाई के फोंट के रूप में जाना जाता है क्योंकि विभिन्न अक्षरों में अलग-अलग चौड़ाई होती है। (उदाहरण के लिए: ‘w’ ‘i’ से अधिक व्यापक है)। Monospaced Font हर अक्षर के बीच समान स्थान प्रदान करता है।

इस उदाहरण को देखें:

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

Output:

Hello Write Your First Paragraph in monospaced font.

7) सुपरस्क्रिप्ट टेक्स्ट
यदि आप सामग्री को <sup>….</sup> तत्व के भीतर रखते हैं, तो सुपरस्क्रिप्ट में दिखाया गया है; इसका मतलब यह है कि यह अन्य पात्रों के ऊपर एक चरित्र की आधी ऊंचाई प्रदर्शित करता है।

इस उदाहरण को देखें:

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

Hello Write Your First Paragraph in superscript.

8) सबस्क्रिप्ट टेक्स्ट
यदि आप सामग्री को <sub> …</sub> तत्व के भीतर रखते हैं, तो सबस्क्रिप्ट में दिखाया गया है; इसका मतलब यह है कि यह अन्य पात्रों के नीचे एक चरित्र की ऊँचाई को आधा प्रदर्शित करता है।

इस उदाहरण को देखें:

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

Output:

Hello Write Your First Paragraph in subscript.

9) delete text
कुछ भी जो <del>…</del> के भीतर रखता है, उसे हटाए गए पाठ के रूप में प्रदर्शित किया जाता है।

इस उदाहरण को देखें:

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

Output:

Hello

10) insert text
जो कुछ भी<ins>…</ins> के भीतर रखा जाता है उसे सम्मिलित पाठ के रूप में प्रदर्शित किया जाता है।

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

Output:

Delete your first paragraph.Write another paragraph.

११) big text
यदि आप अपने फॉन्ट साइज को बाकी टेक्स्ट से बड़ा रखना चाहते हैं तो कंटेंट को <big></big> के अंदर रखें। यह पिछले एक की तुलना में एक फोंट का आकार बढ़ाता है।

इस उदाहरण को देखें:

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

Output:

Hello Write the paragraph in larger font.

१२) small text
यदि आप अपने फॉन्ट साइज को बाकी टेक्स्ट से छोटा रखना चाहते हैं तो कंटेंट को <small></small> टैग के अंदर डालें। यह पिछले एक की तुलना में एक फ़ॉन्ट आकार को कम करता है।

इस उदाहरण को देखें:

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

Output:

Hello Write the paragraph in smaller font.

NO COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here