परिचय
HTML टेक्स्ट फॉर्मेटिंग उन HTML एलिमेंट्स को संदर्भित करता है जो HTML दस्तावेज़ में सामग्री को फॉर्मेट करने के लिए विशेष रूप से डिज़ाइन किए गए हैं। ये सिमेंटिक (अर्थपूर्ण) टैग्स हैं जो कंटेंट की संरचना और अर्थ को व्यक्त करते हैं।
सिंटैक्स
<tagname>सामग्री</tagname>
HTML में टेक्स्ट फॉर्मेटिंग टैग्स
| क्र.सं. | टैग और व्याख्या |
|---|---|
| 1 | <b> - बोल्ड टेक्स्ट निर्दिष्ट करता है (केवल दृश्यात्मक, कोई अतिरिक्त महत्व नहीं) |
| 2 | <em> - जोर दिया गया टेक्स्ट निर्दिष्ट करता है (आमतौर पर इटैलिक में रेंडर होता है) |
| 3 | <i> - इटैलिक टेक्स्ट निर्दिष्ट करता है (वैकल्पिक आवाज/मूड) |
| 4 | <small> - छोटा टेक्स्ट निर्दिष्ट करता है (साइड कमेंट्स, कानूनी टेक्स्ट) |
| 5 | <strong> - महत्वपूर्ण टेक्स्ट निर्दिष्ट करता है (आमतौर पर बोल्ड में रेंडर होता है) |
| 6 | <sub> - सबस्क्रिप्टेड टेक्स्ट निर्दिष्ट करता है (रासायनिक सूत्र जैसे H2O) |
| 7 | <sup> - सुपरस्क्रिप्टेड टेक्स्ट निर्दिष्ट करता है (घातांक जैसे x2) |
| 8 | <ins> - डाला गया टेक्स्ट निर्दिष्ट करता है (आमतौर पर अंडरलाइन) |
| 9 | <del> - हटाया गया टेक्स्ट निर्दिष्ट करता है (आमतौर पर स्ट्राइकथ्रू) |
| 10 | <mark> - हाइलाइट किया गया टेक्स्ट निर्दिष्ट करता है (पृष्ठभूमि रंग) |
सिमेंटिक बनाम दृश्यात्मक टैग्स
| सिमेंटिक (अर्थपूर्ण) | दृश्यात्मक (प्रस्तुतिकरण) | उपयोग |
|---|---|---|
<strong> | <b> | महत्वपूर्ण टेक्स्ट के लिए उपयोग करें |
<em> | <i> | जोर देने के लिए उपयोग करें |
<del> + <ins> | <s> / <u> | संपादन दिखाने के लिए del/ins उपयोग करें |
<mark> | पृष्ठभूमि रंग | हाइलाइट के लिए mark उपयोग करें |
उदाहरण
<!DOCTYPE html>
<html>
<style>
body {
color: #000;
height: 100vh;
background-color: #8BC6EC;
background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
text-align: center;
font-family: Arial, sans-serif;
padding: 20px;
line-height: 2.5;
}
mark {
background: #ffeb3b;
padding: 0.2em 0.4em;
}
</style>
<body>
<h1>HTML टेक्स्ट फॉर्मेटिंग डेमो</h1>
<b>मैं बोल्ड टैग हूँ</b> <br>
<em>मैं EM टैग हूँ</em> <br>
<i>मैं I टैग हूँ</i> <br>
<small>मैं SMALL टैग हूँ</small> <br>
<strong>मैं STRONG टैग हूँ</strong> <br>
<sub>मैं SUB टैग हूँ</sub> <br>
<sup>मैं SUP टैग हूँ</sup> <br>
<ins>मैं INS टैग हूँ</ins> <br>
<del>मैं DEL टैग हूँ</del> <br>
<mark>मैं MARK टैग हूँ</mark> <br>
</body>
</html>
आउटपुट
प्रत्येक फॉर्मेटिंग टैग का दृश्यात्मक प्रभाव प्रदर्शित होगा: बोल्ड, इटैलिक, छोटा, महत्वपूर्ण, सबस्क्रिप्ट, सुपरस्क्रिप्ट, डाला गया, हटाया गया, हाइलाइट किया गया।
अतिरिक्त फॉर्मेटिंग टैग्स
<code>- इंलाइन कोड<kbd>- कीबोर्ड इनपुट<samp>- सैंपल आउटपुट<var>- वेरिएबल<abbr>- संक्षिप्तीकरण (title एट्रिब्यूट के साथ)<cite>- उद्धरण स्रोत<q>- छोटा उद्धरण<blockquote>- ब्लॉक उद्धरण<dfn>- परिभाषा उदाहरण<time>- समय/तारीख
ब्राउज़र समर्थन
सभी ब्राउज़रों में पूर्ण समर्थन।