Kodokon kodokon.com

HTML क्या है? टैग और एट्रिब्यूट

जानें कि HTML क्या है और एक टैग तथा एक एट्रिब्यूट को पहचानना सीखें।

6 मिनट · 3 प्रश्न

इस पाठ को Kodokon में खोलें

जब आप अपने फ़ोन या कंप्यूटर पर किसी वेबसाइट को खोलते हैं, तो आप एक ब्राउज़र का उपयोग कर रहे होते हैं: वह प्रोग्राम जो वेब पेज दिखाता है (Chrome, Firefox, Safari...)। क्या दिखाना है यह जानने के लिए, ब्राउज़र HTML में लिखा एक दस्तावेज़ पढ़ता है। HTML का पूरा नाम है HyperText Markup Language। यह कोई प्रोग्रामिंग भाषा नहीं है: यह कुछ भी गणना नहीं करती। यह एक वर्णन करने वाली भाषा है जो ब्राउज़र को बताती है कि प्रत्येक सामग्री क्या है: "यह एक शीर्षक है", "यह एक पैराग्राफ है", "यह एक छवि है"।

सामग्री का वर्णन करने के लिए, HTML टैग का उपयोग करता है। एक टैग कोण कोष्ठकों < और > के बीच रखा गया एक कीवर्ड होता है। अधिकांश टैग जोड़ों में काम करते हैं: एक खुलने वाला टैग जैसे <p>, फिर सामग्री, फिर एक स्लैश से पहले वाला मिलता-जुलता बंद होने वाला टैग: </p>। पूरे "खुलने वाला टैग + सामग्री + बंद होने वाला टैग" को एक एलिमेंट कहते हैं। नाम p का अर्थ है paragraph (पैराग्राफ)।

HTML
<p>Hello!</p>
<p>This is my first paragraph.</p>
<p>The text goes between the two tags.</p>
तीन p एलिमेंट: जो भी टैग खोला जाता है, उसे बंद किया जाता है।

एक टैग अतिरिक्त जानकारी ले जा सकता है जिसे एट्रिब्यूट कहते हैं। एक एट्रिब्यूट हमेशा खुलने वाले टैग के अंदर जाता है, कभी भी बंद होने वाले में नहीं। इसे name="value" के रूप में लिखा जाता है: एट्रिब्यूट का नाम, एक बराबर का चिह्न, फिर दोहरे उद्धरण चिह्नों में मान। उदाहरण के लिए, lang एट्रिब्यूट सामग्री की भाषा बताता है, और id एट्रिब्यूट किसी एलिमेंट को एक विशिष्ट पहचानकर्ता देता है।

HTML
<p lang="fr">Un paragraphe écrit en français.</p>
<p lang="en">A paragraph written in English.</p>
<p id="conclusion">A paragraph with an identifier.</p>
lang और id एट्रिब्यूट, खुलने वाले टैग के अंदर रखे गए।

ज्ञान जांच

सुनिश्चित करें कि आपको इस पाठ के मुख्य बिंदु याद हैं।

  1. संक्षिप्त नाम HTML का पूरा रूप क्या है?
    • HyperText Markup Language
    • High Tech Modern Language
    • Home Tool Markup Language
    • HyperText Machine Link
  2. आप किसी पैराग्राफ का बंद होने वाला टैग कैसे लिखते हैं?
    • <p>
    • </p>
    • <end-p>
  3. आप lang="en" जैसे एट्रिब्यूट को कहाँ रखते हैं?
    • खुलने वाले टैग के अंदर
    • बंद होने वाले टैग के अंदर
    • एलिमेंट के बाद, एक नई पंक्ति पर