|
हिंदी वेबसाइट में आपका स्वागत है!
आरम्भिक एचटीएमएल टैग्स (Beginning HTML Tags)
सबसे पहले आप यह समझ लें कि कोई वेब ब्राउसर (web browser) किसी वेब पेज (web page) को ऊपर से नीचे तथा बाँये (left) से दाँयें (right) की दिशा में पढ़ता है। पढ़ते समय जब भी उसे कोई टैग मिलता है, वह उसी के अनुसार वेब पेज को दिखाता है अर्थात् टैग मिलने पर वेब पेज को पैराग्राफ के रूप में और टैग मिलने पर टेबल के रूप में दिखायेगा। किसी भी टैग को हम मुख्य रूप से तीन भागों में विभाजित कर सकते हैं: आरम्भ टैग (opening tag), सामग्री (content), और समाप्ति टैग (closing tag)। आपको एक बार पुनः याद दिला दें कि एक पूर्ण टैग अर्थात् जिसमें उपरोक्त तीनों भाग हों, अवयव (element) कहलाता है।
आप देखेंगे कि किसी वेब पेज को दर्शाने के लिये सैकड़ों HTML टैग्स का प्रयोग किया जाता है। टेबल, चित्र, लिस्ट, फॉर्म और भी बहुत सी चीजें इन्हीं टैग या टैग्स की जोड़ियों की सहायता से दर्शाया जाता है। और सभी को दर्शाने के लिय सिर्फ निम्न रूप का ही कोड प्रयोग होता है:
<आरम्भिक टैग (openingtag)>सामग्री (Content)</समाप्ति टैग (closingtag)>
जैसे कि
<p>पैराग्राफ टैग</p>
|
वैसे तो टैग्स को अंग्रेजी के बड़े (capital) या छोटे (small) अक्षरों में से किसी में भी लिखने से कोई फर्क नहीं पड़ता किन्तु XHTML और Dynamic HTML के मानकों का ध्यान रखते हुये हमें टैग्स लिखने के लिये अंग्रेजी के छोटे अक्षरों का प्रयोग करना चाहिये। नीचे कुछ HTML टैग्स दर्शाये जा रहे हैं:
<body>बॉडी टैग - Body Tag (सामग्री को रखने के लिये ढाँचे का कार्य करता है)
<p>पैराग्राफ टैग - Paragraph Tag</p>
<h2>हेडिंग टैग - Heading Tag</h2>
<b>मोटे अक्षर के लिये टैग - Bold Tag</b>
<i>तिरछे अक्षरों के लिये टैग - Italic Tag</i>
</body>
|
बगैर समाप्ति टैग वाले टैग (Tags Without Closing Tags)
कुछ टैग ऐसे भी होते हैं जिनका कि समाप्ति टैग (closing tag) नहीं होते अर्थात् जोड़ी में नहीं होते। इनका जोड़ी में न होने का मुख्य कारण है कि इनके बीच में किसी प्रकार की सामग्री (content) नहीं होती, जैसे कि सामग्री लिखते समय एक पंक्ति छोड़ना (line break)। पंक्ति छोड़ने के लिये निम्नलिखित टैग प्रयोग किया जाता है:
पंक्ति छोड़ने के लिये उपरोक्त दोनों में से किसी एक टैग का प्रयोग होता है पर ध्यान यह रखना है कि पहले टैग में कहीं कोई खाली स्थान (space) नहीं छोड़ना पड़ता किन्तु दूसरे टैग में 'br' और '/' के बीच में एक खाली स्थान (space) छोड़ना आवश्यक है।
वेब ब्राउसर में किसी चित्र (image) को दर्शाने के लिये प्रयोग होने वाला टैग नीचे दिखाया जा रहा है:
<img src="../ganesh.jpg" />
|
उपरोक्त टैग वेब ब्राउसर में निम्नानुसार दिखाई देगा:
उपरोक्त समस्त उदाहरणों से स्पष्ट हो जाता है कि एक अच्छा वेब ब्राउसर सभी HTML टैग्स को समझने की योग्यता रखता है साथ ही वह src एट्रीब्यूट (attribute) को पढ़ कर यह भी जान लेता है कि चित्र को किस स्थान से वेब पेज पर लाना है। आगे हम एट्रीब्यूट्स के विषय में विस्तारपूर्वक चर्चा करेंगे।
|