Chapter 6 HTML बेसिक
बहुविकल्पीय प्रश्न (1 अंक)
प्रश्न 1
वेब पेज निर्माण के लिए किस प्रोग्रामिंग भाषा का उपयोग किया जाता है? [2017]
(a) HTML
(b) HLL
(c) C++
(d) WORDSTAR
उत्तर:
(a) HTML
प्रश्न 2
HTML को किसने विकसित किया था?
(a) डेनिस रिची
(b) कार्ल सन
(c) विंट कर्फ
(d) टिम बर्नर्स ली
उत्तर:
(d) टिम बर्नर्स ली
प्रश्न 3
किसी वेबसाइट का पहला पेज़ क्या कहलाता है?
(a) टॉपिक पेज
(b) होम पेज
(c) अन्य पेज
(d) अन्तिम पेज
उत्तर:
(b) होम पेज
प्रश्न 4
किसी वेबसाइट में कितने होम पेज होते हैं? [2015]
(a) 1
(b) 2
(C) 3
(d) 4
उत्तर:
(a) 1
प्रश्न 5
किसी वेब पेज के बैकग्राउण्ड को कलर देने के लिए किस टैग का प्रयोग होता है?
(a) <BODY>
(b) <HTML>
(c) <HEAD>
(d) <CENTER>
उत्तर:
(d) <BODY>
प्रश्न 6
निम्न में से कौन-सा टैग कमेण्ट को दर्शाता है?
(a) <Comment>
(b) /Comment/
(C) <!–…–>
(d) <! Comment>
उत्तर:
(c) <!–…–>
अतिलघु उत्तरीय प्रश्न (1 अंक)
प्रश्न 1
HTML डॉक्यूमेण्ट को सेव करने के लिए किस एक्सटेन्शन का प्रयोग होता है?
उत्तर:
HTML डॉक्यूमेण्ट को सेव करने के लिए .htm या .html एक्सटेन्शन का प्रयोग किया जाता है।
प्रश्न 2
टैग का कार्य बताइए। [2017]
उत्तर:
टैग का प्रयोग HTML वेब पेज बनाने में किया जाता है।
प्रश्न 3
<TITLE> टैग को समझाइए।
उत्तर:
किसी डॉक्यूमेण्ट को टाइटल देने के लिए <TITLE> टैग का प्रयोग किया जाता है। इसे <HEAD> तथा </HEAD> टैग्स के अन्तर्गत लिखा जाता है।उदाहरण:
<HEAD> <TITLE> WELCOME PAGE </TITLE> <HEAD>
प्रश्न 4
<BR> टैग का प्रयोग किसलिए किया जाता है?
उत्तर:
किसी पैराग्राफ या लाइन को ब्रेक करने के लिए <BR> टैग का प्रयोग किया जाता है। यह टेक्स्ट को अगली लाइन पर दर्शाता है।
प्रश्न 5
<BASEFONT> टैग में size एट्रिब्यूट का क्या उपयोग होता है? [2012]
उत्तर:
डॉक्यूमेण्ट में किसी टेक्स्ट का साइज बदलने के लिए <BASEFONT> टैग में size को एक नम्बर देकर दर्शाया जाता है।
उदाहरण <BASEFONT size=2>
लघु उत्तरीय प्रश्न I (2 अंक)
प्रश्न 1
HTML क्या है? किसी वेब पेज के निर्माण में यह कैसे सहायक है? [2008]
अथवा
HTML पर संक्षिप्त टिप्पणी लिखिए। [2016, 14, 09]
अथवा
एच टी एम एल को समझाइए। [2017]
उत्तर:
HTML का पूर्ण रूप हाइपरटेक्स्ट मार्कअप लैंग्वेज है। इसे टिम बर्नर्स ली ने सन् 1990 के दशक के प्रारम्भ में स्विट्जरलैण्ड में वेब पेज को बनाने के लिए विकसित किया था।
यह एक इण्डीपेण्डेण्ट लैंग्वेज हैं। इसमें टैग के प्रयोग द्वारा कोडिंग की जाती है। HTML डॉक्यूमेण्ट को सेव करने के लिए .htm या .html एक्सटेंशन का प्रयोग किया जाता है।
प्रश्न 2
वेब पेज का अर्थ समझाइए। [2007]
अथवा
वेब पेज का वर्णन कीजिए। [2010]
उत्तर:
ऐसा पेज जिस पर वेब सिस्टम की समस्त जानकारी उपलब्ध हो, उसे वेब पेज कहते हैं। एक वेब पेज पर किसी सर्वर का डाटा स्पष्ट रूप से प्रस्तुत किया जाता है। एक वेब पेज पर टेक्स्ट, चित्र, वीडियो, ग्राफिक्स अथवा हाइपरलिंक होते हैं।
वेब पेजों को निम्न श्रेणियों में विभक्त किया जाता है
- होम पेज
- मेन टॉपिक पेज
- अन्य पेज
प्रश्न 3
वेबसाइट पर संक्षिप्त टिप्पणी लिखिए। [2008]
अथवा
वेबसाइट को समझाइए। [2018]
उत्तर:
एक वेबसाइट विभिन्न वेब पेजों के संयोजन से बनती है। किसी भी वेबसाइट का पहला पेज होम पेज कहलाता है, जो अन्य पेजों को भी लिंक करता है। वेबसाइट मुख्यतः निम्न प्रकार की होती है।
- पर्सनल वेबसाइट
- कमर्शियल वेबसाइट
- ऑर्गेनाइजेशन वेबसाइट
कुछ प्रमुख वेबसाइट के नाम इस प्रकार हैं।
- www.amazon.com
- www.microsoft.com
प्रश्न 4
वेब पेज निर्माण के विभिन्न तरीके लिखिए। [2011]
अथवा
वेब पेज बनाने के पदों को समझाइए। [2012]
उत्तर:
ऐसा डॉक्यूमेण्ट जिस पर वेब सिस्टम की सम्पूर्ण जानकारी उपलब्ध हो, उसे वेब पेज कहते हैं। वेब पेज को दो तरीकों से बनाया जा सकता है।
- स्टैटिक पेज (Static page) किसी पेज के कण्टेण्ट को स्टैटिक रूप से दर्शाने के लिए स्टैटिक पेज का प्रयोग किया जाता है।
- डायनैमिक पेज (Dynamic page) किसी पेज की वैल्यू या कण्टेण्ट को परिवर्तित करने के लिए डायनेमिक पेज का प्रयोग किया जाता है।
प्रश्न 5
होम पेज का अर्थ बताइए। [2008]
अथवा
होम पेज को समझाइए। [2018]
उत्तर:
किसी वेबसाइट का पहला पेज होम पेज कहलाता है। यह विभिन्न लिंक को सम्मिलित करता है तथा अन्य पेजों तक जाने की अनुमति देता है। होम पेज यह दर्शाता है कि वेबसाइट किस प्रकार की है, किसी वेबसाइट की जानकारी उसके होम पेज से ही मिलती है। इसमें टेक्स्ट, इमेज, वीडियो, लिंक आदि सम्मिलित होते हैं।
प्रश्न 6
URL का वर्णन कीजिए। [2018]
उत्तर:
URL का यूनिफॉर्म रिसोर्स लोकेटर है। इण्टरनेट पर वेब एड्रेस किसी विशिष्ट वेब पेज की लोकेशन को पहचानता है। वेब एड्रेस को URL कहते हैं। URL इण्टरनेट से जुड़े होस्ट कम्प्यूटर पर फाइलों के इण्टरनेट एड्रेस को दर्शाते हैं;
जैसे – https://www.google.com/services/index.htm
जहाँ,
http – प्रोटोकॉल आइडेण्टिफायर
WWW – वर्ल्ड वाइड वेब
google.com – डोमेन नेम
/services/ – डायरेक्टरी
index.htm – वेब पेज
प्रश्न 7.
सर्च इंजन का उदाहरण सहित वर्णन कीजिए। [2018]
उत्तर:
सर्च इंजन इण्टरनेट पर किसी भी विषय के बारे में सम्बन्धित । जानकारियों को देने के लिए प्रयोग होता है। यह एक प्रकार की ऐसी वेबसाइट होती है, जिसके सर्च बार में किसी भी टॉपिक को लिखते हैं, इसके बाद उससे सम्बन्धित सभी जानकारियाँ प्रदर्शित हो जाती हैं।
उदाहरण
- Google – https://www.google.com
- Yahoo – https://www.yahoo.com
- Hotbot – https://www. hotbot.com
- AltaVista – https://www. altavista.com
प्रश्न 8
वेब ब्राउजर का वर्णन कीजिए। [2017]
उत्तर:
वेब ब्राउजर एक सॉफ्टवेयर एप्लीकेशन है, जिसका प्रयोग वल्र्ड वाइड वेब के कण्टेण्ट को ढूंढने, निकालने व प्रदर्शित करने में होता है। ये प्रायः दो प्रकार के होते हैं।
- टेक्स्ट वेब ब्राउजर इसमें टेक्स्ट आधारित सूचना को प्रदर्शित किया जाता है; जैसे – Lynx
- ग्राफिकल वेब ब्राउजर यह टेक्स्ट तथा ग्राफिक सूचना दोनों का सपोर्ट करता है; जैसे – Mozilla firefox, Google chrome आदि।
लघु उत्तरीय प्रश्न II (3 अंक)
प्रश्न 1
HTML के वेब पेज या वेबसाइट की संरचना उदाहरण सहित बताइए।
उत्तर:
<HTML>
<HEAD>
<TITLE> <!…This section is used for the title…> </TITLE>
</HEAD>
<BODY> <!…This section is used for all that you want to show on the page…) </BODY>
</HTML>
उदाहरण
<HTML>
<HEAD>
<TITLE> Webpage </TITLE>
</HEAD>
<BODY> This is my home page. </BODY> </HTML>
प्रश्न 2
HTML में वेब पेज बनाने हेतु प्रयोग किए जाने वाले विभिन्न टैग्स का वर्णन कीजिए। [2009]
अथवा
HTML टैग की संक्षेप में व्याख्या कीजिए। [2016]
उत्तर:
HTML मे वेब पेज बनाने के लिए विभिन्न टैग्स का प्रयोग किया जाता है, इनमें से कुछ इस प्रकार हैं।
- <P> टैग पैराग्राफ बनाने के लिए प्रयोग किया जाता है।
- <FONT> टैग फॉण्ट में स्टाइल, साइज देने के लिए प्रयोग किया जाता है।
- <CENTER> टैग का प्रयोग किसी टेक्स्ट को सेण्टर में दर्शाने के लिए। किया जाता है।
- <B><U> तथा <I> टैग्स फॉण्ट को बोल्ड, अण्डरलाइन तथा इटैलिक करने के लिए प्रयोग किए जाते हैं।
- <H1>…….<H6> टैग्स हैडिंग बनाने के लिए प्रयोग किए जाते हैं।
- <HR> टैग का प्रयोग डॉक्यूमेण्ट में हॉरिजॉण्टल लाइन क्रिएट करने के लिए किया जाता है।
- <BR> टैग का प्रयोग पैराग्राफ या लाइन को ब्रेक करने के लिए किया जाता है।
प्रश्न 3
निम्न वेब पेज का कोड लिखिए।
उत्तर: <HTML> <HEAD> <TITLE>Web Page</TITLE> </HEAD> <BODY> <FONT size=”4″ face=”Calibri”> <H2 align=”center”>!! WELCOME!!</H2> </FONT><BR> <HR> <CENTER> A web page or webpage is a document commonly written <BR> in HyperText Markup Language (HTML) <BR> that is accessible through the <BR> Internet or other network using an Internet browser. </CENTER> </BODY> </HTML>
दीर्घ उत्तरीय प्रश्न (5 अंक)
प्रश्न 1
HTML क्या है? विभिन्न HTML टैग्स के बारे में संक्षेप में बताइए। (2007)
उत्तर:
HTML का पूर्ण रूप हाइपरटेक्स्ट मार्कअप लैंग्वेज है। HTML को टिम बर्नर्स ली द्वारा सन् 1990 के दशक के प्रारम्भ में स्विट्जरलैण्ड में वेब पेज को बनाने के लिए विकसित किया गया था। यह एक प्लेटफॉर्म इण्डीपेण्डेण्ट लैंग्वेज है, जिसका प्रयोग किसी भी प्लेटफॉर्म में किया जा सकता है; जैसे-Windows, Linux, Macintosh इत्यादि।
HTML डॉक्यूमेण्ट को सेव करने के लिए .htm या .html एक्सटेंशन का प्रयोग किया जाता है।
HTML विभिन्न प्रकार के टैग्स को दर्शाता है।
- <HTML> यह किसी भी HTML प्रोग्राम का पहला टैग होता है। कोडिंग के प्रारम्भ में <HTML> तथा अन्त में </HTML> का प्रयोग किया जाता है।
- <HEAD> यह किसी वेब पेज के हैडर को दर्शाता है, जिसके लिए | इसका प्रारूप <HEAD>…. </HEAD> है।
- TITLE> यह वेब पेज के टाइटिल को सेट करता है और <HEAD> तथा </HEAD> के बीच लिखा जाता है।
- <BODY> किसी वेब पेज के टेक्स्ट अथवा ग्राफिक्स को <BODY> तथा </BODY> भाग के अन्तर्गत दर्शाता है।
इस टैग के अन्तर्गत निम्न टैग्स सम्मिलित होते हैं।- <P>…./P> पैराग्राफ बनाने के लिए।
- <B>…./b> टेक्स्ट बोल्ड करने के लिए।
- <U>….</U> टेक्स्ट को अण्डरलाइन करने के लिए।
- <i>…..</> टेक्स्ट को इटैलिक करने के लिए।
- <BR> अगली लाइन में टेक्स्ट प्रिण्ट करने के लिए।
- <Hn>… </Hn> हैडिंग बनाने के लिए, जहाँ n = 1 to 6
प्रश्न 2
एक वेब पेज का निर्माण आप कितने प्रकार से कर सकते है? किसी एक विधि को विस्तार से समझाइए। [2018]
उत्तर:
किसी भी डॉक्यूमेण्ट जिसमें वेब इन्फॉर्मेशन स्टोर होती है, उसे वेब पेज कहते हैं। वेब पेज को दो प्रकार से बनाया जा सकता है।
- स्टैटिक पेज
- डायनमिक पेज
स्टैटिक पेज
स्टैटिक वेब पेज प्रत्येक बार एक्सेस करने पर एक ही वैल्यू/कण्टेण्ट को दर्शाता है। स्टैटिक वेब पेज को फ्लैट पेज या स्टेश्नरी पेज भी कहा जाता है, जो यूज़र को उसी रूप में प्राप्त होता है, जिस प्रकार से यूजर ने स्टोर किया था। यह वेब पेज सभी यूजर्स को एकसमान सूचनाएँ उपलब्ध कराता है। इसके लाभ निम्नलिखित है।
- एक स्टेटिक वेब पेज के निर्माण में किसी भी प्रकार की प्रोग्रामिंग कौशल (Programming Skill) की आवश्यकता नहीं होती।
- इसके लिए किसी विशिष्ट होस्ट की आवश्यकता नहीं होती।
- इसे किसी वेब सर्वर या एप्लीकेशन सर्वर के बिना, केवल एक वेब ब्राउजर के द्वारा सीधे देखा जा सकता है।
उदाहरण
<HTML>
<HEAD>
<TITLE>Static Page</TITLE>
</HEAD>
<BODY>
<H2><CENTER>Web Page</CENTER></H2> This is my Static Web Page…
</BODY>
</HTML>
आउटपुट 
प्रश्न 3
वेब पेज एवं वेबसाइट से क्या तात्पर्य है? वेबसाइट की संरचना को समझाइए। [2006]
अथवा
वेबसाइट पर एक निबन्ध लिखिए। [2011]
उत्तर:
वेब पेज
वह पेज अथवा डॉक्यूमेण्ट जिस पर ‘वेब’ सिस्टम की सम्पूर्ण जानकारी उपलब्ध हो, उसे वेब पेज कहते हैं। एक वेब पेज पर किसी सर्वर का डाटा स्पष्ट रूप से प्रस्तुत किया जाता है। डाटा सामान्य टेक्स्ट, ग्राफिक्स, ऑडियो आदि के रूप में हो सकता है। एक वेब पेज, डाटा आदि के साथ लिंक भी सम्मिलित करता है। इन लिंक को हाइपरलिंक कहा जाता है। यही हाइपरलिंक यूजर को एक पेज से दूसरे पेज तथा किसी निर्धारित डॉक्यूमेण्ट पर जाने की सुविधा प्रदान करते हैं।
वेब पेज दो प्रकार के होते हैं-स्टैटिक तथा डायनैमिका स्टैटिक वेब पेज प्रत्येक बार एक्सेस करने पर एक ही वैल्यू/मैटर को दर्शाता है, जबकि डायनैमिक वेब पेज की वैल्यू/मैटर प्रत्येक बार बदल सकते हैं।
वेब पेजों को तीन श्रेणियों में बाँटा जा सकता है।
- होम पेज
- मेन टॉपिक पेज
- अन्य पेज
वेबसाइट
एक वेबसाइट वेब पेजों का संग्रह होती है, जिसमें सभी वेब पेज हाइपरलिंक द्वारा एक-दूसरे से जुड़े होते हैं। वेबसाइट को उनके एड्रेस द्वारा एक्सेस किया जाता है। एक वेबसाइट पर दी गई जानकारी सामान्यतः आपस में सम्बन्धित होती है। वेबसाइट मुख्यत: निम्न प्रकार की होती है।
- पर्सनल वेबसाइट्स
- कमर्शियल वेबसाइट्स
- ऑर्गेनाइजेशन वेबसाइट्स।
वेब साइट की संरचना इसके लिए लघु उत्तरीय प्रश्न II का प्रश्न संख्या 1 का उत्तर देखें।
प्रश्न 4
वेब पेज में विषय-वस्तु को फॉर्मेट व हाईलाइट करने की प्रक्रिया का उदाहरण सहित वर्णन कीजिए। [2007]
अथवा
वेब पेज में टेक्स्ट फॉर्मेटिंग तथा हाईलाइटिंग का वर्णन कीजिए। [2015, 18, 10]
अथवा
किसी वेब पेज में टेक्स्ट को कैसे हाईलाइट करते हैं?
अथवा
वेब पेज में टेक्स्ट फॉर्मेटिंग पर संक्षिप्त टिप्पणी लिखिए। [2012, 09]
अथवा
वेब पेज में टेक्स्ट को कैसे फॉर्मेट करते हैं? [2012]
उत्तर:
वेब पेज में विषय-वस्तु अर्थात् टेक्स्ट, इमेज आदि को फॉर्मेट व हाईलाइट करने के विभिन्न तरीके हैं। इनका विवरण इस प्रकार हैं।
- हैडिंग किसी वेब पेज पर महत्त्वपूर्ण शब्द को हाईलाइट करने के लिए हैडिंग का प्रयोग किया जाता है। HTML में, <H1> से लेकर <H6> तक हैडिंग दी गई है। यह किसी पेज की हैडिंग को व्यवस्थित करने का कार्य करती है।
- पैराग्राफ किसी पैराग्राफ द्वारा डॉक्यूमेण्ट को स्पष्ट रूप से दर्शाया जाता है। इसके लिए HTML, <P> टैग तथा <DIV> टैग का प्रयोग करता है तथा अगली लाइन से टेक्स्ट लिखने के लिए <BR> टैग का
प्रयोग किया जाता है। - फॉण्ट साइज HTML, फॉण्ट के चयन की सुविधा के साथ-साथ उसके साइज की अनुमति भी देता है। इसके लिए <FONT> टैग दिया जाता है। एक अन्य <BASEFONT> टैग फॉण्ट के बेसिक साइज को निर्धारित करता है। इसके लिए यह साइज से पहले + तथा – चिह्न का प्रयोग करता है।
- बैकग्राउण्ड कलर वेब पेज के बैकग्राउण्ड को कलर करके भी हाईलाइट किया जाता है। इसके लिए इस प्रारूप का प्रयोग करते हैं
<BODY bgcolor =”color_name”>…….</BODY> - टेक्स्ट को हाईलाइट करना यदि किसी पेज में किसी महत्त्वपूर्ण भाग व पंक्ति को सामान्य से अलग हाईलाइट करना हो, तो उसे तीन प्रकार से हाईलाइट किया जाता है।
- बॉल्ड द्वारा किसी टेक्स्ट को गाढ़ा अर्थात् bold करके टेक्स्ट को हाईलाइट किया जा सकता है। इसके लिए <B> टैग का प्रयोग किया जाता है।
- अण्डरलाइन द्वारा किसी टेक्स्ट को <U> टैग द्वारा अण्डरलाइन किया जा सकता है।
- इटैलिक द्वारा किसी टैक्स्ट को<I> टैग द्वारा इटैलिक किया जा सकता है।