Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML टेक्स्ट फॉर्मेटिंग

परिचय

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> - समय/तारीख

ब्राउज़र समर्थन

सभी ब्राउज़रों में पूर्ण समर्थन।

  1. HTML <big> टैग: बड़ा टेक्स्ट (अप्रचलित) HTML <big> टैग: बड़ा टेक्स्ट (अप्रचलित)

    HTML <big> टैग <big> एलिमेंट टेक्स्ट को डिफ़ॉल्ट आकार से एक आकार बड़ा प्रदर्शित करता था। ⚠️ अप्रचलित: <big> टैग HTML5 में समर्थित नहीं है। टेक्स्ट आकार बदलने के लिए CSS font-size का उपयोग करें। पुराना उदाहरण (केवल संदर्भ के लिए) <!DOCTYPE html> <html> <body>

  1. HTML dir एट्रिब्यूट: टेक्स्ट दिशा सेट करना HTML dir एट्रिब्यूट: टेक्स्ट दिशा सेट करना

    HTML dir एट्रिब्यूट dir एट्रिब्यूट (डायरेक्शन) किसी एलिमेंट के कंटेंट की टेक्स्ट दिशा (text direction) निर्दिष्ट करता है। यह द्विदिशात्मक (bidirectional) टेक्स्ट सपोर्ट के लिए आवश्यक है। मान ltr - बाएँ से दाएँ (Left-to-Right) - डिफ़ॉल्ट (अंग्रेजी, हिंदी, आदि) rtl - दाएँ से बाएँ (Right-to-Left)

  1. HTML placeholder एट्रिब्यूट HTML placeholder एट्रिब्यूट

    परिचय HTML placeholder एट्रिब्यूट वह टेक्स्ट दर्शाता है जो <input> या <textarea> एलिमेंट में उपयोगकर्ता द्वारा कुछ भी दर्ज करने से पहले प्रदर्शित होता है। यह उपयोगकर्ता को अपेक्षित इनपुट प्रारूप या सामग्री का संकेत देता है। सिंटैक्स <tagname placeholder=text></tagname> उदाह