शनिवार, 20 दिसंबर 2014

एचटीएमएल सीखें - 8 (HTML Tutorials in Hindi)

एचटीएमएल एलिमेंट

आरम्भ के टैग को एचटीएमएल एलिमेंट (HTML element) कहा जाता है। एलिमेंट के बाद का कांटेंट को क्लोजिंग टैग से बंद किया जाता है, जैसे किः
आरम्भ का टैगकांटेंटअंत का टैग
<p>यह पैराग्राफ कांटेंट है।</p>
<h1>यह हैडिंग कांटेट है।</h1>
<div>यह डिव्हीजन कांटेंट है।</div>
<br />
यहाँ पर <p>....</p> एचटीएमएल एलिमेंट है। इसी प्रकार से <h1>...</h1> भी एक एचटीएमएल एलिमेंट है। कुछ एचटीएमएल एलिमेंट्स ऐसे होते हैं जिन्हें कि बंद नहीं किया जाता, जैसे कि <img.../>, <hr /> and <br /> आदि। इन्हें void elements के नाम से जाना जाता है।
तो हम कह सकते हैं कि एचटीएमएल डाकुमेंट एक एलिमेंट वृक्ष जैसा होता है जिसके एलिमेंट्स यह बताते हैं कि डाकुमेंटे के किस चीज को कैसा दिखना चाहिए।

टैग और एलिमेंट में अन्तर

न्यन कोण कोष्ठक के भीतर लिखा गया कोई भी एचटीएमएल कोड टैग होता है जबकि स्टार्टिंग टैग, कांटेंट और क्लोजिंग टैग, यदि हो तो, का पूरा सेट जैसे कि <p>....</p> एलिमेंट होता है।

नेस्टेड एचटीएमएल एलिमेंट्स (Nested HTML Elements)

किसी एचटीएमएल एलिमेंट के भीतर के दूसरे एलिमेंट्स नेस्टेड एचटीएमएल एलिमेंट्स कहलाते हैं।

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>नेस्टेड एचटीएमएल एलिमेंट्स का उदाहरण</title>
</head>
<body>
<h1>यह एक <i>इटालिक</i> हेडिंग है।</h1>
<p>यह एक <u>अंडरलाइंड</u> पैराग्राफ है।</p>
</body>
</html>
उपरोक्त कोड वेब पेज में ऐसे दिखेगा -

यह एक इटालिक हेडिंग है।

This is अंडरलाइंड पैराग्राफ है।

कोई टिप्पणी नहीं:

एक टिप्पणी भेजें