एचटीएमएल और वेब डिज़ाइनिंग: टैग तथा एट्रिब्यूट
एचटीएमएल और वेब डिज़ाइनिंग पर कंप्यूटर ज्ञान के नोट्स: दस्तावेज संरचना, कंटेनर तथा खाली टैग, एट्रिब्यूट, फॉर्म नियंत्रण, सीएसएस, एचटीएमएल5 एवं वेब शब्दावली।
लेखक GK24 Editorial Team· प्रकाशित · 6 मिनट

ब्राउज़र में आप जो भी पृष्ठ खोलते हैं वह एचटीएमएल अर्थात हाइपरटेक्स्ट मार्कअप लैंग्वेज में लिखी पाठ फाइल है। एचटीएमएल कोई गणना या निर्णय नहीं करती; वह केवल सामग्री को चिह्नित करती है और ब्राउज़र को बताती है कि यह पंक्ति शीर्षक है, वह खंड अनुच्छेद है, यह शब्द मोटे अक्षरों में दिखाना है और वह वाक्यांश किसी दूसरे पृष्ठ की कड़ी है। इसे टिम बर्नर्स-ली ने सर्न में लगभग 1991 में बनाया, और उन्होंने ही पहला ब्राउज़र तथा पहला वेब सर्वर भी बनाया; मानक अब वर्ल्ड वाइड वेब कंसोर्टियम देखता है, जिसे संक्षेप में डब्ल्यू3सी लिखा जाता है। बैंकिंग, एसएससी तथा रेलवे परीक्षाओं में इस विषय से टैग के नाम, एट्रिब्यूट, दस्तावेज की संरचना और वेब की शब्दावली पर नियमित एक अंक के प्रश्न आते हैं।
एचटीएमएल दस्तावेज की संरचना
एचटीएमएल फाइल .html या .htm विस्तारक के साथ सहेजी जाती है और किसी भी साधारण पाठ संपादक में लिखी जा सकती है। उसके आरंभ में दस्तावेज प्रकार की घोषणा होती है, जिसे <!DOCTYPE html> लिखा जाता है और जो ब्राउज़र को बताती है कि भाषा का कौन-सा संस्करण प्रयोग हो रहा है। शेष सब कुछ html अवयव के भीतर रहता है, जिसके दो भाग होते हैं। हेड में पृष्ठ के बारे में सूचना रहती है, वह सामग्री नहीं जो पृष्ठ पर दिखे: ब्राउज़र टैब पर आने वाला शीर्षक, वर्ण संकेतन, खोज इंजनों के काम आने वाला विवरण, तथा स्टाइल शीट और स्क्रिप्ट की कड़ियां। बॉडी में वह सब रहता है जो दर्शक वास्तव में देखता है। एचटीएमएल में बड़े-छोटे अक्षरों का भेद नहीं होता, इसलिए बॉडी टैग बड़े या छोटे अक्षरों में लिखा जा सकता है, यद्यपि परंपरा छोटे अक्षरों की है। टिप्पणी <!-- तथा --> के बीच लिखी जाती है और ब्राउज़र उसे छोड़ देता है।
टैग, अवयव और एट्रिब्यूट
टैग कोण कोष्ठकों के भीतर लिखा कीवर्ड है। अधिकांश टैग जोड़े में आते हैं, एक आरंभ टैग और एक समापन टैग जिसमें तिरछी रेखा लगती है, और उनके बीच का सब कुछ उस अवयव की सामग्री है; इन्हें कंटेनर टैग कहा जाता है, और अनुच्छेद, शीर्षक, बॉडी, टेबल तथा सूची के टैग सब इसी प्रकार के हैं। कुछ टैग अकेले खड़े होते हैं क्योंकि उनके भीतर घेरने को कुछ नहीं होता, और इन्हें खाली टैग या रिक्त टैग कहा जाता है: पंक्ति विच्छेद, क्षैतिज रेखा, चित्र टैग तथा इनपुट टैग इसके मानक उदाहरण हैं। एट्रिब्यूट आरंभ टैग के भीतर नाम तथा मान के रूप में लिखा जाता है और अवयव को संशोधित करता है। सामान्य एट्रिब्यूट हैं चित्र की फाइल के लिए src, चित्र न आने पर दिखने वाले पाठ के लिए alt, कड़ी के गंतव्य के लिए href, अवयव को नाम देने के लिए id तथा class, और आकार के लिए width तथा height।
| प्रयोजन | टैग | कंटेनर या खाली |
|---|---|---|
| सबसे बड़े से सबसे छोटे शीर्षक | h1 से h6 | कंटेनर |
| अनुच्छेद | p | कंटेनर |
| पंक्ति विच्छेद | br | खाली |
| क्षैतिज रेखा | hr | खाली |
| मोटा और तिरछा | b अथवा strong, i अथवा em | कंटेनर |
| हाइपरलिंक, href एट्रिब्यूट के साथ | एंकर टैग, अर्थात a | कंटेनर |
| चित्र, src तथा alt एट्रिब्यूट के साथ | img | खाली |
| अक्रमित तथा क्रमित सूची, सूची मद के साथ | ul तथा ol, li के साथ | कंटेनर |
| टेबल, पंक्ति, शीर्ष कोष्ठ, आंकड़ा कोष्ठ | table, tr, th, td | कंटेनर |
| फॉर्म और उसके नियंत्रण | form, input, textarea, select, button | फॉर्म कंटेनर है; इनपुट खाली है |
सूची, टेबल और फॉर्म
सूची तीन प्रकार की होती है। अक्रमित सूची बुलेट दिखाती है, क्रमित सूची संख्या या अक्षर दिखाती है, और परिभाषा सूची किसी पद को उसके विवरण से जोड़ती है। टेबल पंक्ति दर पंक्ति बनती है: टेबल अवयव में पंक्तियां रहती हैं और प्रत्येक पंक्ति में शीर्ष कोष्ठ या आंकड़ा कोष्ठ। colspan तथा rowspan एट्रिब्यूट किसी कोष्ठ को कई स्तंभों या पंक्तियों में फैलाने देते हैं। फॉर्म पृष्ठ का वह भाग है जो दर्शक से सूचना लेकर सर्वर को भेजता है। फॉर्म के भीतर के अवयवों को नियंत्रण अर्थात कंट्रोल कहा जाता है, जिनमें पाठ बॉक्स, पासवर्ड बॉक्स, रेडियो बटन, चेक बॉक्स, ड्रॉप-डाउन सूची, पाठ क्षेत्र, सबमिट बटन और रीसेट बटन आते हैं। इनमें से अधिकांश इनपुट टैग से बनते हैं, केवल उसके type एट्रिब्यूट का मान बदलता है, और फॉर्म के अपने एट्रिब्यूट action तथा method बताते हैं कि आंकड़े कहां जाएंगे और किस विधि से, सामान्यतः गेट या पोस्ट विधि से।
कैस्केडिंग स्टाइल शीट
एचटीएमएल बताती है कि सामग्री क्या है; सीएसएस अर्थात कैस्केडिंग स्टाइल शीट बताती है कि वह कैसी दिखेगी: रंग, फॉन्ट, आकार, अंतराल, किनारा, पृष्ठभूमि और स्थिति। स्टाइल तीन प्रकार से लगाई जा सकती है। इनलाइन स्टाइल किसी एक टैग के style एट्रिब्यूट में लिखी जाती है और केवल उसी अवयव पर लागू होती है। इंटरनल स्टाइल हेड के भीतर style अवयव में लिखी जाती है और उसी एक पृष्ठ पर लागू होती है। एक्सटर्नल स्टाइल .css विस्तारक वाली अलग फाइल में रहती है और हेड में link अवयव से पृष्ठ से जोड़ी जाती है; यही सर्वोत्तम व्यवहार है, क्योंकि तब एक फाइल पूरी वेबसाइट को नियंत्रित करती है। नियम में एक चयनक और एक घोषणा खंड होता है, और घोषणा में गुण तथा उसका मान होता है। अनेक गुण प्रायः एक साथ संक्षिप्त गुण से तय किए जा सकते हैं: list-style गुण सूची चिह्न का प्रकार, स्थिति तथा चित्र एक बार में तय करता है, जैसे font, margin, padding और border अपने समूहों के लिए करते हैं।
वेब की शब्दावली
- वेब पृष्ठ एक दस्तावेज है; वेबसाइट संबंधित पृष्ठों का समूह; सबसे पहले खुलने वाला पृष्ठ होम पेज है।
- यूआरएल अर्थात यूनिफॉर्म रिसोर्स लोकेटर पृष्ठ का पता है; वह प्रोटोकॉल, डोमेन और पथ बताता है।
- एचटीटीपी वह प्रोटोकॉल है जो वेब पृष्ठ ढोता है, और एचटीटीपीएस वही प्रोटोकॉल है जो कूटलेखन से सुरक्षित है।
- वेब ब्राउज़र वह कार्यक्रम है जो पृष्ठ मांगता तथा दिखाता है; वेब सर्वर वह कंप्यूटर है जो उन्हें रखता और भेजता है।
- डीएनएस अर्थात डोमेन नेम सिस्टम डोमेन नाम को सर्वर के अंकीय आईपी पते में बदलता है।
- स्थैतिक पृष्ठ हर दर्शक के लिए एक समान होता है; गतिशील पृष्ठ मांगे जाने पर बनता है।
- जावास्क्रिप्ट ब्राउज़र में चलती है, इसलिए वह क्लाइंट साइड स्क्रिप्टिंग है; पीएचपी तथा वैसी भाषाएं सर्वर पर चलती हैं और सर्वर साइड स्क्रिप्टिंग हैं।
- विजिविग संपादक, अर्थात जो दिखे वही मिले, पृष्ठ को टैग लिखने के बजाय दृश्य रूप में बनाने देता है।
- रेस्पॉन्सिव डिज़ाइन एक ही पृष्ठ को डेस्कटॉप पर्दे, टैबलेट और फोन के अनुसार स्वयं ढाल देता है।
एचटीएमएल5 और उत्तम व्यवहार
आज प्रयोग में आने वाला संस्करण एचटीएमएल5 है, जो 2014 में डब्ल्यू3सी की अनुशंसा बना। उसने ऐसे अवयव जोड़े जो किसी खंड का अर्थ बताते हैं, न कि उसका रूप, जैसे header, nav, section, article, aside तथा footer, और साथ ही audio, video और canvas अवयव, जिनसे मीडिया चलाने या रेखांकन करने के लिए अलग प्लग-इन की आवश्यकता समाप्त हो गई। उसने ईमेल, तिथि, संख्या तथा रेंज के लिए नए इनपुट प्रकार भी जोड़े, जिससे ब्राउज़र स्वयं जांच सकता है कि क्या टाइप किया गया है। उत्तम व्यवहार यह है कि संरचना एचटीएमएल में, रूप सीएसएस में और व्यवहार जावास्क्रिप्ट में रखा जाए, हर चित्र को alt एट्रिब्यूट दिया जाए जिससे पर्दा पाठक उसका विवरण दे सके, और पृष्ठ के शीर्षक के लिए एक ही h1 शीर्षक रखकर नीचे के स्तर क्रम से लगाए जाएं।
परीक्षा की दृष्टि से
इस विषय के प्रश्न छोटे और तथ्यपरक होते हैं। एचटीएमएल, एचटीटीपी, सीएसएस, यूआरएल, डीएनएस तथा विजिविग के पूर्ण रूप सीधे पूछे जाते हैं, जिनमें हाइपरटेक्स्ट मार्कअप लैंग्वेज बनाम हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल मानक भ्रम है। टैग पर प्रश्न तीन ढंग से आते हैं: कौन-सा टैग दिया गया काम करता है, चारों में से कौन खाली टैग है, और कौन कंटेनर टैग है। एट्रिब्यूट के प्रश्न src बनाम href बनाम alt पर टिकते हैं। फॉर्म पर लगभग सदैव यह पूछा जाता है कि फॉर्म के अवयव क्या कहे जाते हैं, जिसका उत्तर कंट्रोल है, अथवा कौन-सा इनपुट प्रकार रेडियो बटन या चेक बॉक्स बनाता है। सीएसएस पर पूर्ण रूप, स्टाइल लगाने के तीन ढंग और list-style जैसे संक्षिप्त गुण पूछे जाते हैं। एचटीएमएल5 उसके अर्थपूर्ण तथा मीडिया अवयवों से पूछा जाता है।
महत्वपूर्ण तथ्य
| एचटीएमएल | हाइपरटेक्स्ट मार्कअप लैंग्वेज; टिम बर्नर्स-ली ने सर्न में लगभग 1991 में बनाई |
|---|---|
| मानक संस्था | वर्ल्ड वाइड वेब कंसोर्टियम, संक्षेप में डब्ल्यू3सी |
| फाइल विस्तारक | .html अथवा .htm; स्टाइल शीट के लिए .css |
| दस्तावेज के भाग | डॉकटाइप घोषणा, फिर html अवयव जिसमें हेड तथा बॉडी |
| खाली टैग | पंक्ति विच्छेद के लिए br, क्षैतिज रेखा के लिए hr, चित्र के लिए img, फॉर्म नियंत्रण के लिए input |
| शीर्षक स्तर | h1 से h6; h1 सबसे बड़ा और सामान्यतः पृष्ठ पर एक ही बार |
| मुख्य एट्रिब्यूट | कड़ी के गंतव्य के लिए href, लोड होने वाली फाइल के लिए src, वैकल्पिक पाठ के लिए alt |
| सूची टैग | अक्रमित के लिए ul, क्रमित के लिए ol, मद के लिए li, परिभाषा सूची के लिए dl, dt तथा dd |
| टेबल टैग | table, पंक्ति के लिए tr, शीर्ष कोष्ठ के लिए th, आंकड़ा कोष्ठ के लिए td; मिलाने के लिए colspan तथा rowspan |
| फॉर्म नियंत्रण | पाठ बॉक्स, पासवर्ड, रेडियो बटन, चेक बॉक्स, ड्रॉप-डाउन, पाठ क्षेत्र, सबमिट तथा रीसेट |
| फॉर्म एट्रिब्यूट | आंकड़े कहां जाएं इसके लिए action, किस विधि से इसके लिए method, सामान्यतः गेट या पोस्ट |
| सीएसएस | कैस्केडिंग स्टाइल शीट्स; इनलाइन, इंटरनल अथवा एक्सटर्नल, जिसमें एक्सटर्नल फाइल सर्वोत्तम व्यवहार है |
| टिप्पणी वाक्य-विन्यास | कोण कोष्ठक, विस्मयादिबोधक और दो योजक चिह्नों से आरंभ तथा दो योजक चिह्नों और कोण कोष्ठक से समाप्त |
| एचटीएमएल5 | 2014 में डब्ल्यू3सी अनुशंसा; header, nav, section, article, aside, footer, audio, video तथा canvas जोड़े |
इस टॉपिक पर अभ्यास MCQ
कौन-सा सीएसएस गुण आपको एक साथ कई सूची गुण तय करने देता है?
- A.list-style-type
- B.list-style
- C.list-style-position
- D.list-style-image
उत्तर देखें
व्याख्या
सही उत्तर B, list-style है। यह संक्षिप्त गुण है, अर्थात यह एक ही घोषणा में कई संबंधित गुण तय कर देता है: सूची चिह्न का प्रकार, उसकी स्थिति और चिह्न के रूप में प्रयुक्त चित्र, किसी भी क्रम में, और छोड़े गए गुण अपने पूर्व निर्धारित मान पर चले जाते हैं। सीएसएस में ऐसे कई संक्षिप्त गुण हैं, जिनमें font, background, margin, padding तथा border आते हैं। A गलत है क्योंकि list-style-type केवल चिह्न का प्रकार तय करता है, जैसे डिस्क, वृत्त, वर्ग, दशमलव संख्या या रोमन अंक। C गलत है क्योंकि list-style-position केवल यह तय करता है कि चिह्न सूची मद के सामग्री बॉक्स के भीतर रहेगा या बाहर। D गलत है क्योंकि list-style-image केवल वह चित्र तय करता है जो मानक चिह्न के स्थान पर लगे। ये तीनों एकल विस्तृत गुण हैं, और तीनों को समेटने वाला संक्षिप्त गुण list-style ही है।
एचटीएमएल का कौन-सा अवयव वह सारी सामग्री रखता है जो वेब पृष्ठ पर दर्शक को दिखाई देती है?
- A.हेड अवयव
- B.टाइटल अवयव
- C.बॉडी अवयव
- D.मेटा अवयव
उत्तर देखें
व्याख्या
सही उत्तर C, बॉडी अवयव है। एचटीएमएल दस्तावेज में html अवयव के भीतर दो भाग होते हैं, और बॉडी वह भाग है जो वह सब रखता है जो दर्शक वास्तव में देखता है: शीर्षक, अनुच्छेद, चित्र, टेबल, सूची, कड़ियां तथा फॉर्म। यह कंटेनर टैग है, जिसमें आरंभ तथा समापन दोनों टैग होते हैं, और वह पूरे दृश्य दस्तावेज को घेरता है। A गलत है क्योंकि हेड अवयव पृष्ठ के बारे में सूचना रखता है, वह सामग्री नहीं जो पृष्ठ पर दिखे, जैसे वर्ण संकेतन, खोज इंजनों के काम आने वाला विवरण और स्टाइल शीट तथा स्क्रिप्ट की कड़ियां। B गलत है क्योंकि टाइटल अवयव हेड के भीतर रहता है और वह पाठ देता है जो ब्राउज़र टैब तथा खोज परिणामों में दिखता है, पृष्ठ की सामग्री नहीं। D गलत है क्योंकि मेटा खाली टैग है, जो हेड में रखकर संकेतन, व्यूपोर्ट सेटिंग तथा पृष्ठ विवरण जैसी मेटाडेटा सूचना ढोता है।
फॉर्म के मूल अवयवों को क्या कहा जाता है?
- A.ऑब्जेक्ट
- B.टेबल
- C.रिकॉर्ड
- D.कंट्रोल
उत्तर देखें
व्याख्या
सही उत्तर D, कंट्रोल है। फॉर्म पृष्ठ का वह भाग है जो दर्शक से सूचना एकत्र करता है, और उस सूचना को लेने के लिए उसमें रखे अलग-अलग अवयवों को नियंत्रण अर्थात फॉर्म कंट्रोल कहा जाता है: पाठ बॉक्स, पासवर्ड बॉक्स, रेडियो बटन, चेक बॉक्स, ड्रॉप-डाउन सूची, पाठ क्षेत्र, सबमिट बटन तथा रीसेट बटन। इनमें से अधिकांश इनपुट टैग से बनते हैं, केवल उसके type एट्रिब्यूट का मान बदलता है, और प्रत्येक पर सामान्यतः name एट्रिब्यूट रहता है जिससे सर्वर मानों को पहचान सके। A गलत है क्योंकि ऑब्जेक्ट प्रोग्रामिंग का सामान्य पद है और एचटीएमएल में बाहरी संसाधन जोड़ने वाले एक अलग अवयव का नाम भी है। B गलत है क्योंकि टेबल आंकड़ों को पंक्तियों तथा स्तंभों में सजाती है और सूचना एकत्र करने से उसका कोई संबंध नहीं। C गलत है क्योंकि रिकॉर्ड डेटाबेस का पद है, अर्थात संबंधित फील्ड की एक पूरी पंक्ति।
एचटीएमएल का पूर्ण रूप क्या है?
- A.हाइपरटेक्स्ट मार्कअप लैंग्वेज
- B.हाईटेक्स्ट मशीन लैंग्वेज
- C.हाइपरट्रांसफर मार्कअप लैंग्वेज
- D.हाइपरलिंक टेक्स्ट मेकिंग लैंग्वेज
उत्तर देखें
व्याख्या
सही उत्तर A, हाइपरटेक्स्ट मार्कअप लैंग्वेज है। हाइपरटेक्स्ट का अर्थ है वह पाठ जो दूसरे पाठ की कड़ियां रखता है, जिससे पाठक निश्चित क्रम में पढ़ने के बजाय एक दस्तावेज से दूसरे पर जा सके, और मार्कअप का अर्थ है टैग की वह व्यवस्था जो सामग्री के प्रत्येक भाग पर ब्राउज़र के लिए लेबल लगाती है। B गलत है क्योंकि हाईटेक्स्ट मशीन लैंग्वेज नाम की कोई भाषा नहीं है; मशीन भाषा संसाधक का द्विआधारी अनुदेश समूह है और इसका इससे कोई संबंध नहीं। C गलत है क्योंकि ट्रांसफर शब्द एचटीटीपी अर्थात हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल का है, जो पृष्ठों को नेटवर्क पर ढोने के नियम हैं, वह भाषा नहीं जिसमें पृष्ठ लिखे जाते हैं; अभ्यर्थी दोनों पूर्ण रूप प्रायः मिला देते हैं। D गलत है क्योंकि तीसरा शब्द मार्कअप है, मेकिंग नहीं।
एचटीएमएल और वर्ल्ड वाइड वेब के विकास का श्रेय किसे दिया जाता है?
- A.चार्ल्स बैबेज
- B.टिम बर्नर्स-ली
- C.डेनिस रिची
- D.विंट सर्फ
उत्तर देखें
व्याख्या
सही उत्तर B, टिम बर्नर्स-ली है। यूरोपीय नाभिकीय अनुसंधान संगठन सर्न में काम करते हुए उन्होंने 1989 में हाइपरटेक्स्ट प्रणाली का प्रस्ताव रखा और 1991 तक एचटीएमएल, पहला वेब ब्राउज़र तथा पहला वेब सर्वर लिख चुके थे, और आगे उन्होंने वर्ल्ड वाइड वेब कंसोर्टियम की स्थापना की, जो मानक बनाए रखता है। A गलत है क्योंकि चार्ल्स बैबेज ने उन्नीसवीं सदी में डिफरेंस इंजन तथा एनालिटिकल इंजन का डिज़ाइन बनाया और उन्हें कंप्यूटर का जनक कहा जाता है। C गलत है क्योंकि डेनिस रिची ने सी भाषा बनाई और केन थॉम्पसन के साथ यूनिक्स प्रचालन तंत्र। D गलत है क्योंकि विंट सर्फ ने रॉबर्ट कान के साथ टीसीपी तथा आईपी प्रोटोकॉल बनाए और उन्हें इंटरनेट का जनक कहा जाता है, जो भिन्न उपलब्धि है: इंटरनेट नेटवर्कों का नेटवर्क है, और वेब उस पर चलने वाली एक सेवा।
एचटीएमएल में निम्नलिखित में से कौन खाली टैग है?
- A.अनुच्छेद टैग
- B.पंक्ति विच्छेद टैग
- C.टेबल टैग
- D.एंकर टैग
उत्तर देखें
व्याख्या
सही उत्तर B, पंक्ति विच्छेद टैग है। खाली या रिक्त टैग का समापन टैग नहीं होता क्योंकि वह कोई सामग्री नहीं घेरता; वह केवल उस स्थान पर एक कार्य करता है जहां लिखा गया है, और पंक्ति विच्छेद टैग, जिसे br लिखा जाता है, आगे का पाठ नई पंक्ति में भेज देता है। अन्य मानक खाली टैग क्षैतिज रेखा के लिए hr, चित्र के लिए img तथा फॉर्म नियंत्रण के लिए input हैं। A गलत है क्योंकि अनुच्छेद टैग कंटेनर है: उसमें आरंभ तथा समापन दोनों टैग होते हैं और अनुच्छेद का पाठ उनके बीच रहता है। C गलत है क्योंकि टेबल टैग कंटेनर है जो पंक्तियां तथा कोष्ठ घेरता है, और उसे बंद न करने पर पूरी सज्जा बिगड़ जाती है। D गलत है क्योंकि एंकर टैग भी कंटेनर है; जिन शब्दों पर क्लिक होना है वे उसके आरंभ तथा समापन टैग के बीच रखे जाते हैं।
एचटीएमएल का कौन-सा टैग वेब पृष्ठ पर सबसे बड़ा शीर्षक बनाता है?
- A.h1 टैग
- B.h6 टैग
- C.head टैग
- D.big टैग
उत्तर देखें
व्याख्या
सही उत्तर A, h1 टैग है। एचटीएमएल में शीर्षक के छह स्तर हैं, h1 से h6 तक, और h1 सबसे बड़ा तथा सर्वाधिक महत्वपूर्ण है; उसे सामान्यतः पृष्ठ पर एक ही बार, पृष्ठ के अपने शीर्षक के लिए प्रयोग किया जाता है, मुख्य खंडों के लिए h2 और उनके उपखंडों के लिए h3 के साथ। B गलत है क्योंकि h6 छह शीर्षक स्तरों में सबसे छोटा है, अर्थात पूछे गए का उलटा। C गलत है क्योंकि head शीर्षक ही नहीं है: वह दस्तावेज के ऊपर का वह भाग है जिसमें पृष्ठ के बारे में सूचना रहती है, जैसे ब्राउज़र टैब पर दिखने वाला शीर्षक, वर्ण संकेतन और स्टाइल शीट की कड़ियां, और उसमें रखा कुछ भी पृष्ठ की बॉडी में नहीं दिखता। D गलत है क्योंकि big टैग केवल फॉन्ट आकार एक सीढ़ी बढ़ाता था और एचटीएमएल5 में अप्रचलित है, जहां फॉन्ट आकार सीएसएस का विषय है।
एंकर टैग का कौन-सा एट्रिब्यूट उस पृष्ठ का पता बताता है जिस पर कड़ी ले जाती है?
- A.src
- B.href
- C.alt
- D.link
उत्तर देखें
व्याख्या
सही उत्तर B, href है। यह हाइपरटेक्स्ट रेफरेंस का संक्षिप्त रूप है और गंतव्य का यूआरएल रखता है, जो कोई दूसरी वेबसाइट, उसी साइट का दूसरा पृष्ठ या उसी पृष्ठ का कोई नामित स्थान हो सकता है। आरंभ तथा समापन एंकर टैग के बीच रखा पाठ या चित्र वही है जिस पर दर्शक क्लिक करता है। A गलत है क्योंकि src, अर्थात सोर्स, वह फाइल बताता है जिसे चित्र, स्क्रिप्ट, ऑडियो, वीडियो या इनलाइन फ्रेम अवयव लोड करेगा; वह संसाधन को पृष्ठ में लाता है, जबकि href पृष्ठ से बाहर इशारा करता है। C गलत है क्योंकि alt चित्र के लिए वैकल्पिक पाठ देता है, जो चित्र न आने पर दिखता है और पर्दा पाठक उसे पढ़कर सुनाते हैं, जिससे वह सुगम्यता तथा खोज इंजनों के लिए महत्वपूर्ण है। D गलत है क्योंकि link हेड में रखा जाने वाला अवयव है जो बाहरी स्टाइल शीट जोड़ता है, एंकर टैग का एट्रिब्यूट नहीं।
एचटीएमएल में टिप्पणी लिखने का सही वाक्य-विन्यास कौन-सा है?
- A.// यह एक टिप्पणी है
- B.<!-- यह एक टिप्पणी है -->
- C./* यह एक टिप्पणी है */
- D.<comment> यह एक टिप्पणी है </comment>
उत्तर देखें
व्याख्या
सही उत्तर B है, अर्थात वह टिप्पणी जो कोण कोष्ठक, विस्मयादिबोधक चिह्न और दो योजक चिह्नों से आरंभ होकर दो योजक चिह्नों तथा कोण कोष्ठक से बंद होती है। ब्राउज़र उनके बीच का सब कुछ छोड़ देता है, इसलिए टिप्पणियों से कोड को दूसरे विकासकर्ताओं के लिए समझाया जाता है या मार्कअप का कोई खंड हटाए बिना अस्थायी रूप से बंद किया जाता है। A गलत है क्योंकि दो तिरछी रेखाएं सी, सी प्लस प्लस, जावा तथा जावास्क्रिप्ट में एक पंक्ति की टिप्पणी आरंभ करती हैं, एचटीएमएल में नहीं। C गलत है क्योंकि तिरछी रेखा और तारक उन्हीं भाषाओं तथा सीएसएस में बहुपंक्ति टिप्पणी बनाते हैं, इसलिए यह वाक्य-विन्यास स्टाइल शीट के भीतर चलता है। D गलत है क्योंकि एचटीएमएल में कॉमेंट नाम का कोई अवयव नहीं है; ऐसा टैग लिखने पर दस्तावेज में अज्ञात अवयव रह जाएगा और भीतर का पाठ दिखता रहेगा।
वेब पृष्ठ बनाने में एचटीएमएल के साथ प्रयुक्त सीएसएस का पूर्ण रूप क्या है?
- A.कंप्यूटर स्टाइल शीट्स
- B.कैस्केडिंग स्टाइल शीट्स
- C.क्रिएटिव स्टाइल सिस्टम
- D.कलरफुल स्टाइल शीट्स
उत्तर देखें
व्याख्या
सही उत्तर B, कैस्केडिंग स्टाइल शीट्स है। कैस्केडिंग शब्द उस ढंग को बताता है जिससे परस्पर विरोधी नियम सुलझाए जाते हैं: स्टाइल कई स्रोतों से नीचे बहती है, अर्थात ब्राउज़र के पूर्व निर्धारित मान, लेखक की स्टाइल शीट और उपयोगकर्ता की अपनी सेटिंग, और कैस्केड तय करता है कि कौन-सा नियम जीतेगा, जिसमें विशिष्टता तथा क्रम भी गिने जाते हैं। सीएसएस रंग, फॉन्ट, आकार, अंतराल, किनारा, पृष्ठभूमि और सज्जा नियंत्रित करती है, जिससे रूप एचटीएमएल की दी हुई संरचना से अलग रहता है। A, C तथा D गलत हैं क्योंकि किसी मानक में ऐसा पूर्ण रूप प्रयोग नहीं होता; वे केवल विश्वसनीय दिखने के लिए लिखे गए हैं। अभ्यर्थियों को सीएसएस लगाने के तीन ढंग भी याद रखने चाहिए, अर्थात इनलाइन, इंटरनल तथा एक्सटर्नल। इनमें से एक्सटर्नल फाइल वाला ढंग सर्वोत्तम माना जाता है, क्योंकि तब एक ही फाइल पूरी वेबसाइट का रूप नियंत्रित करती है और किसी एक पृष्ठ पर बदलाव करने की आवश्यकता नहीं रहती।
एचटीएमएल में क्रमित सूची बनाने के लिए कौन-सा टैग प्रयोग होता है?
- A.ul टैग
- B.ol टैग
- C.li टैग
- D.dl टैग
उत्तर देखें
व्याख्या
सही उत्तर B, ol टैग है। क्रमित सूची अपनी मदों को स्वतः संख्या देती है, और उसका type एट्रिब्यूट अथवा सीएसएस का list-style-type गुण तय करता है कि चिह्न दशमलव संख्या होंगे, छोटे या बड़े अक्षर, अथवा छोटे या बड़े रोमन अंक। A गलत है क्योंकि ul टैग अक्रमित सूची बनाता है, जिसकी मदों पर डिस्क, वृत्त या वर्ग जैसे बुलेट लगते हैं और जिनमें कोई निहित क्रम नहीं होता। C गलत है क्योंकि li टैग एक सूची मद चिह्नित करता है और उसे क्रमित या अक्रमित सूची के भीतर ही रहना चाहिए; अकेले वह कोई सूची नहीं बनाता। D गलत है क्योंकि dl टैग परिभाषा अथवा विवरण सूची बनाता है, जिसमें dt से चिह्नित प्रत्येक पद dd से चिह्नित अपने विवरण के साथ जुड़ता है। तीनों सूची प्रकार और उनके टैग मानक मिलान प्रश्न हैं।
एचटीएमएल के चित्र टैग में कौन-सा एट्रिब्यूट दिखाई जाने वाली चित्र फाइल का पथ बताता है?
- A.alt
- B.href
- C.src
- D.title
उत्तर देखें
व्याख्या
सही उत्तर C, src है। सोर्स का संक्षिप्त रूप होने के कारण यह उस चित्र फाइल का पथ या यूआरएल रखता है जिसे ब्राउज़र को लाकर दिखाना है, और इसके बिना चित्र अवयव के पास दिखाने को कुछ नहीं रहता। A गलत है क्योंकि alt वैकल्पिक पाठ देता है, जो चित्र लोड न होने पर उसके स्थान पर दिखता है और दृष्टिबाधित उपयोगकर्ताओं के लिए पर्दा पाठक उसे पढ़कर सुनाते हैं; वह हर चित्र पर अत्यंत वांछनीय है, परंतु फाइल का पता नहीं देता। B गलत है क्योंकि href एंकर तथा लिंक अवयवों का एट्रिब्यूट है, जो कड़ी के गंतव्य का पता देता है, और चित्र टैग उसका प्रयोग नहीं करता। D गलत है क्योंकि title सलाहकारी पाठ देता है, जिसे अधिकांश ब्राउज़र संकेतक टिकने पर टूलटिप के रूप में दिखाते हैं; वह वैकल्पिक है। यह भी याद रखें कि img खाली टैग है।
अक्सर पूछे जाने वाले प्रश्न
कंटेनर टैग और खाली टैग में क्या अंतर है?
कंटेनर टैग में आरंभ तथा समापन दोनों टैग होते हैं और वह उनके बीच सामग्री घेरता है, जैसे अनुच्छेद, बॉडी तथा टेबल टैग। खाली या रिक्त टैग कुछ नहीं घेरता और एक ही टैग के रूप में लिखा जाता है; br, hr, img तथा input इसके मानक उदाहरण हैं।
एचटीएमएल और एचटीटीपी में क्या अंतर है?
एचटीएमएल अर्थात हाइपरटेक्स्ट मार्कअप लैंग्वेज वह भाषा है जिसमें वेब पृष्ठ लिखा जाता है। एचटीटीपी अर्थात हाइपरटेक्स्ट ट्रांसफर प्रोटोकॉल वे नियम हैं जिनसे ब्राउज़र उस पृष्ठ को मांगता है और सर्वर उसे भेजता है। एचटीटीपीएस वही प्रोटोकॉल है जो कूटलेखन से सुरक्षित है।
पृष्ठ पर सीएसएस लगाने के तीन ढंग कौन हैं?
इनलाइन, जो किसी एक टैग के style एट्रिब्यूट में लिखी जाती है और केवल उसी अवयव पर लागू होती है; इंटरनल, जो हेड के style अवयव में लिखी जाती है और एक पृष्ठ पर लागू होती है; और एक्सटर्नल, जो अलग .css फाइल में रहकर link अवयव से जुड़ती है और सर्वोत्तम मानी जाती है क्योंकि एक फाइल पूरी साइट को सजाती है।
एचटीएमएल फॉर्म के भीतर के अवयवों को क्या कहा जाता है?
उन्हें कंट्रोल अथवा फॉर्म कंट्रोल कहा जाता है। इनमें पाठ बॉक्स, पासवर्ड बॉक्स, रेडियो बटन, चेक बॉक्स, ड्रॉप-डाउन सूची, पाठ क्षेत्र, सबमिट बटन तथा रीसेट बटन आते हैं, और इनमें से अधिकांश इनपुट टैग से बनते हैं, केवल उसके type एट्रिब्यूट का मान बदलता है।
src और href एट्रिब्यूट में क्या अंतर है?
src एट्रिब्यूट वह फाइल बताता है जिसे कोई अवयव पृष्ठ में लोड करेगा, जैसे चित्र, स्क्रिप्ट, ऑडियो या वीडियो। href एट्रिब्यूट वह पता बताता है जिस पर कोई कड़ी या स्टाइल शीट इशारा करती है। संक्षेप में, src संसाधन भीतर लाता है और href बाहर की ओर इशारा करता है।
एचटीएमएल5 ने भाषा में क्या जोड़ा?
2014 में डब्ल्यू3सी अनुशंसा बने एचटीएमएल5 ने header, nav, section, article, aside तथा footer जैसे अर्थपूर्ण अवयव जोड़े, audio, video और canvas अवयव जोड़े जिनसे प्लग-इन की आवश्यकता समाप्त हुई, तथा ईमेल, तिथि, संख्या और रेंज जैसे नए इनपुट प्रकार जोड़े जिन्हें ब्राउज़र स्वयं जांच सकता है।
स्रोत
- एचटीएमएल 5.2, डब्ल्यू3सी अनुशंसा — वर्ल्ड वाइड वेब कंसोर्टियम
- कैस्केडिंग स्टाइल शीट्स, वर्तमान कार्य तथा विनिर्देश — वर्ल्ड वाइड वेब कंसोर्टियम
- सूचना विज्ञान एवं कंप्यूटर विज्ञान पाठ्यपुस्तकें, वेब पृष्ठ विकास इकाई — एनसीईआरटी





