Course All lectures for HI purposes - Lecture: पहला HTML टैग

3.1 एचटीएमएल टैग

यदि आप इस पाठ को पढ़ रहे हैं, तो यह माना जाता है कि भविष्य में आप जावा डेवलपर, या फुल स्टैक जावा डेवलपर के रूप में काम करेंगे। आप शायद ही HTML दस्तावेज़ लिखेंगे, लेकिन आपको उन्हें अक्सर पढ़ना होगा । दुनिया इसी तरह काम करती है, इसलिए आपको यह पता लगाना होगा कि HTML दस्तावेज़ों को कैसे व्यवस्थित किया जाता है।

किसी भी HTML डॉक्यूमेंट की शुरुआत क्या होती है? प्रत्येक HTML दस्तावेज़ में एक संरचना होती है जिसमें तीन नेस्टेड टैग होते हैं : htmlऔर head। bodyयह मानक उदाहरण है:

<!DOCTYPE html>
<html>
    <head>
        Service tags
    </head>
    <body>
        Main document
    </body>
</html>

ब्राउजर जो कुछ भी प्रदर्शित करता है वह एक जोड़ी टैग body(दस्तावेज़ बॉडी) के अंदर होता है। टैग के अंदर headब्राउज़र के लिए सेवा / सहायक जानकारी वाले टैग होते हैं।

दस्तावेज़ की शुरुआत में दस्तावेज़ प्रकार लिखना भी प्रथागत (वैकल्पिक) है - DOCTYPEताकि पार्सर बेहतर ढंग से समझ सके कि त्रुटियों की व्याख्या कैसे की जाए। कई ब्राउज़र टूटे हुए दस्तावेज़ों को सही ढंग से प्रदर्शित करने में सक्षम हैं।

या, इसके विपरीत XHTML = XML+HTML, एक मानक है जिसमें सामान्य से अधिक कड़े नियम हैं HTML। लेकिन ऐसी जानकारी आपके लिए तब उपयोगी होगी जब आप अपना खुद का ब्राउज़र लिखने का फैसला करेंगे, या कम से कम अपना HTML-parser.

3.2 हेड टैग

टैग के अंदर, headआमतौर पर निम्नलिखित टैग स्थित होते हैं: title, meta, style, ...

टैग <title> उस दस्तावेज़ का नाम निर्दिष्ट करता है जो ब्राउज़र टैब में प्रदर्शित होता है।

टैग का <meta>उपयोग विभिन्न सेवा सूचनाओं को सेट करने के लिए किया जाता है। उदाहरण के लिए, आप HTML दस्तावेज़ के एन्कोडिंग को समझने में ब्राउज़र की सहायता कर सकते हैं (यदि आपको याद हो तो इसमें सादा पाठ होता है)।


<html>
    <head>
        <title> Escape character</title>
           <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 शरीर, पी, बी टैग

टैग <body>में सभी html टेक्स्ट होते हैं जो ब्राउज़र द्वारा प्रदर्शित किए जाएंगे। दस्तावेज़ प्रदर्शित करने के लिए सबसे सरल टैग हैं: <h1>, <p>, <b>,<br>

<h1>- यह एक जोड़ी टैग है, यह आपको अपने पृष्ठ/लेख का शीर्षक सेट करने की अनुमति देता है। यदि आपका लेख लंबा है और आपको उपशीर्षक की आवश्यकता है, तो आप इस मामले के लिए टैग का उपयोग कर सकते हैं <h2>, <h3>और इसी तरह जब तक<h6>

उदाहरण:


<body>
     <h1>Cats</h1>
          <h2> Description of cats</h2>
            detailed description of cats
          <h2> Origin of cats</h2>
              Information about the origin of cats.
          <h2> Cat paws</h2>
              Huge article about the paws of cats
</body>

<p>अगर आपका आर्टिकल बड़ा है और आप उसे पैराग्राफ में बांट कर पढ़ने में आसान बनाना चाहते हैं तो इसके लिए आपको पेयर टैग (पैराग्राफ शब्द से) की जरूरत होगी। बस पाठ को टैग में लपेटें <p>और </p>ब्राउज़र इसे एक अलग पैराग्राफ के रूप में प्रदर्शित करेगा।

ध्यान! ब्राउज़र आपके टेक्स्ट में लाइन ब्रेक और/या अतिरिक्त रिक्तियों को अनदेखा कर देगा। यदि आप एक लाइन ब्रेक जोड़ना चाहते हैं, तो टेक्स्ट में एक टैग ( br<br> eak लाइन से ) डालें।

खैर, सबसे अच्छा हिस्सा टेक्स्ट को बोल्ड में हाइलाइट कर रहा है। अगर आप टेक्स्ट को बोल्ड बनाना चाहते हैं, तो इसे टैग्स में लपेटें <b> </b>( बी पुराने से)।