💻
⌨️
🖱️
🖥️
💾
← डैशबोर्ड पर वापस जाएँ
Font Size:

1. परिचय

एचटीएमएल (HTML) का पूर्ण रूप हाइपरटेक्स्ट मार्कअप लैंग्वेज (HyperText Markup Language) है। यह एक मार्कअप भाषा है जिसकी सहायता से वेब पेज बनाए जाते हैं। 'मार्कअप' का अर्थ है किसी टेक्स्ट को विशेष चिह्नों (टैग) द्वारा चिह्नित करना। एचटीएमएल कोई प्रोग्रामिंग भाषा नहीं है, बल्कि यह एक मार्कअप भाषा है जो ब्राउज़र को बताती है कि सामग्री को किस प्रकार प्रदर्शित किया जाए। एचटीएमएल का विकास टिम बर्नर्स-ली ने किया था। एचटीएमएल से बने वेब पेज को ब्राउज़र (जैसे क्रोम, फ़ायरफ़ॉक्स) में खोलकर देखा जाता है। एचटीएमएल फ़ाइल को .html या .htm विस्तार से सहेजा जाता है। आजकल एचटीएमएल के साथ सीएसएस (CSS) और जावास्क्रिप्ट का भी उपयोग होता है; सीएसएस पेज को सुंदर बनाता है और जावास्क्रिप्ट पेज को गतिशील बनाता है।

2. एचटीएमएल की मूल संरचना (Basic Structure)

एचटीएमएल दस्तावेज़ की मूल संरचना निम्नलिखित होती है।

<html>
<head>
    <title>मेरा पहला वेब पेज</title>
</head>
<body>
    नमस्ते, यह मेरा पहला वेब पेज है।
</body>
</html>

html टैग

यह एचटीएमएल दस्तावेज़ का सबसे बाहरी टैग है। पूरा दस्तावेज़ इसी टैग के अंदर लिखा जाता है।

इसमें वेब पेज की जानकारी (मेटाडेटा) होती है, जैसे पेज का शीर्षक (title)। हेड में लिखी सामग्री पेज पर सीधे नहीं दिखती।

title टैग

इसमें वेब पेज का शीर्षक लिखा जाता है, जो ब्राउज़र की टैब पर दिखाई देता है।

body टैग

वेब पेज की मुख्य सामग्री इसी टैग में लिखी जाती है, जो ब्राउज़र में प्रदर्शित होती है।

3. टैग और एलिमेंट (Tags and Elements)

एचटीएमएल में सामग्री को टैग द्वारा चिह्नित किया जाता है। टैग को कंपन कोष्ठक (<> ) में लिखा जाता है। अधिकांश टैग जोड़े में आते हैं - आरंभिक टैग () और समापन टैग ()। उदाहरण के लिए

और

अनुच्छेद टैग हैं। कुछ टैग में समापन टैग नहीं होता, जैसे
(नई पंक्ति) और
(क्षैतिज रेखा); इन्हें खाली टैग कहते हैं। टैग के साथ आने वाली सामग्री और टैग को मिलाकर एलिमेंट कहते हैं।

4. प्रमुख एचटीएमएल टैग (Important HTML Tags)

शीर्षक टैग (Heading Tags)

से

तक के टैग शीर्षकों के लिए होते हैं।

सबसे बड़ा और

सबसे छोटा शीर्षक होता है। ### अनुच्छेद टैग (Paragraph Tag)

टैग का उपयोग अनुच्छेद लिखने के लिए होता है। ### शीर्षक लाइन टैग (Line Break)
टैग से टेक्स्ट की अगली पंक्ति पर नया अनुच्छेद लिखा जा सकता है। यह खाली टैग है। ### क्षैतिज रेखा टैग (Horizontal Rule)

टैग से क्षैतिज रेखा बनती है। यह भी खाली टैग है। ### चित्र टैग (Image Tag) टैग से वेब पेज में चित्र लगाया जाता है। इसके src एट्रिब्यूट में चित्र का पता लिखा जाता है, जैसे । इसमें समापन टैग नहीं होता। ### लिंक टैग (Anchor Tag) टैग से हाइपरलिंक बनता है। इसमें href एट्रिब्यूट में लिंक का पता लिखा जाता है, जैसे यहाँ क्लिक करें। ### फ़ॉन्ट फ़ॉर्मेटिंग टैग टेक्स्ट को मोटा, तिरछा और रेखांकित करता है। ### टेबल टैग टैग से टेबल बनाई जाती है। पंक्ति,
शीर्षक सेल और डेटा सेल को दर्शाता है। ### सूची टैग