The Structure of HTML

एचटीएमएलका उपयोग शुरू करने से पहले आपको एचटीएमएलकी संरचना समझना महत्वपूर्ण है। क्यूंकि एचटीएमएल एक मार्कअप भाषा है, आप इसका उपयोग आपके आशय के अलगअलग भागोंको मार्क(चिन्हित) करने के लिए करते है - जैसे आप हायलायटरका उपयोग शब्दोंको अधोरेखित(चिन्हित) करने के लिए करते है।

एचटीएमएल एलेमेंट्स

एचटीएमएल अपने एलिमेंट्स(मूल और प्राथमिक अंग)से बनी है। और ये वही एलिमेंट्स है जिनका आप अपने मार्कअपके लिए उपयोग करते है। निचे दिया गया एक उदाहरण है जिसमे आप एक साधारण परिच्छेद(पैराग्राफ) कैसे मार्कअप कर सकते है यह दिखाया गया है।

<p>This paragraph is part of my content</p>

यहाँ हमारे पास एक वाक्य है ("This paragraph is part of my content"), जो <p> और </p> के बीच लिखा गया है। <p> और </p> को टॅग्स(tags) कहा जाता है। हर टॅग एक <, एक संक्षिप्त रूप और > से बनता है। इस उदाहरणमें 'p', paragraph का संक्षिप्त रूप है। <p> और </p> को मिलाके एक एलिमेंट बनता है। हर एचटीएमएल एलिमेंट शुरूवात एक ओपनिंग टॅग (शुरूके टॅग) से होती है (इस उदाहरणमे <p>) और ज्यादातर एलिमेंट्स को क्लोजिंग टॅग (यहाँ </p>) होता है। आपके ओपनिंग और क्लोजिंग टॅग में वास्तविक आशय होता है।

रिक्त एलेमेंट्स

ज्यादातर एचटीएमएल एलिमेंट्स <p></p> एलिमेंटकी तरह दिखते है किन्तु कुछ ऐसे एलिमेंट्स है जिन्हे हम एम्प्टी एलिमेंट्स (रिक्त एलीमेंट्स) कहते है। लाइन ब्रेक (नई पंक्तिके लिए उपयोग किया जाने वाला) एलिमेंट ऐसेही प्रकारका एलिमेंट है जो इस तरह दिखता है:

<br />

जैसे की आप देख सकते है, यहाँ क्लोजिंग टैग नहीं है और एलिमेंटमें कोई आशय नहीं है, इसलिए इसे एम्प्टी (रिक्त) एलिमेंट कहा जाता है। क्यूंकि यह एक एम्प्टी एलिमेंट है,इसे टैगके अंतमें बंद कर दिया जाता है - वो है /। एलिमेंटके अंतमें आपको "/" का उपयोग करनेकी जरूरत नहीं है - लेकिन ऐसा लिखना अच्छी पद्धति है, जिससे आपको इसकी आदतभी हो सकती है(जैसे पहले बताया गया है, कोईभी टैग एक संक्षिप्त रूपसे बनता है, और इस उदहारणमें वह br है जो break का संक्षिप्त रूप है)।

टिप!

जब ब्राउज़रस एचटीएमएल५ दस्तावेज पढ़ते है तो उन्हें इस बातसे फरक नहीं पड़ता की आपने टैग्स कैपिटल या स्मॉल लिपि में लिखे है। किन्तु दूसरे डेवेलपर्सको इससे जरूर फरक पड़ता है! जब की आप वही लाईन ब्रेक टैग बहोत अलग प्रकारसे लिख सकते है, जैसे निचे दिए गए है:

<BR />
<bR />
<Br />
<br />

आपके सारे टॅग्सको स्मॉल (लोवर) लिपी लिखना एक अच्छी आदत मानी जाती है - इससे पठनीयता बढ़ती है, और टैग्स इसप्रकार लिखना एक अच्छी कला मानी जाती है।

आपने क्या सीखा

• एक एचटीएमएल एलिमेंटकी शुरुवात एक ओपनिंग (शुरू करनेवाले) टैगसे होती है।
• एक एचटीएमएल एलिमेंटका अंत एक क्लोजिंग (बंद करनेवाले) टैगसे होती है।
• एक एचटीएमएल टैग < से शुरू होता है और > से बंद होता है।
• < और > के बिच लिखे हुए अक्षऱ संक्षिप्त रूप होते है।
• जो भी स्टार्ट(ओपनिंग) टैग और एन्ड(क्लोजिंग) टैगके बिच लिखा जाता है वही एलीमेन्ट का आशय होता है।
• कुछ एचटीएमएल एलिमेंट्स एम्प्टी (रिक्त) होते है।
• एम्प्टी(रिक्त) एलिमेंट्स को स्टार्ट (शुरूके) टैगमें बंद किया जाता है।
• आपके सारे टैग्सको लोअर(स्मॉल) लिपिमें लिखनेकी आदत डाल ले - उसे लिखनेकी एक आदर्श आदत मानी जाती है।