NCERT Class 10 Social Information Technology Chapter 6 HTML में चित्र और लिंक सम्मिलित करना

NCERT Solutions for Class 10 Foundation of Information Technology Chapter 6 HTML में चित्र और लिंक सम्मिलित करना

अति लघु उत्तरीय प्रश्न [प्रत्येक 1 अंक]

प्रश्न 1.  जिन उपयोगकर्ताओं का ब्राउज़र छवियों का समर्थन नहीं करता है, उनके लिए छवि के स्थान पर पाठ कैसे प्रदर्शित किया जा सकता है? CBSE 2007
उत्तर:  <img> टैग की alt विशेषता का उपयोग उन उपयोगकर्ताओं के लिए छवि के स्थान पर पाठ प्रदर्शित करने के लिए किया जाता है जिनका ब्राउज़र छवियों का समर्थन नहीं करता है।

प्रश्न 2.  HTML में एक कथन लिखें जो वर्तमान फ़ोल्डर के 'images' फ़ोल्डर में 'school.jpg' नामक एक छवि सम्मिलित करे। यदि छवि नहीं मिलती है, तो उसे 'भारत में स्कूल' प्रदर्शित करना चाहिए।
उत्तर:  <img src =”images\school.jpg” alt = “भारत में स्कूल”>

प्रश्न 3.   ब्राउज़र विंडो में इमेज को बीच में संरेखित करने के लिए निम्नलिखित कोड लिखा गया है।
हालाँकि, वांछित परिणाम प्राप्त नहीं हो रहा है। कारण बताइए।
<img src = “image.jpg” align = “center”>
उत्तर:  वांछित परिणाम न मिलने का कारण यह है कि <img> टैग में align विशेषता का मान center नहीं है।

प्रश्न 4.  चौड़ाई और ऊँचाई विशेषताओं का उपयोग क्यों किया जाता है?
उत्तर:  चौड़ाई और ऊँचाई विशेषताओं का उपयोग इसलिए किया जाता है ताकि ब्राउज़र में छवियों के आयाम जानने के बाद उन्हें तेज़ी से डाउनलोड किया जा सके।

प्रश्न 5.  हाइपरटेक्स्ट से आप क्या समझते हैं?
उत्तर:  हाइपरटेक्स्ट एक लिंक की तरह काम करता है जिस पर क्लिक करके आप इच्छित सामग्री तक पहुँच सकते हैं।

प्रश्न 6.  HTML में लिंकिंग कैसे की जा सकती है?
उत्तर:  HTML में, लिंकिंग एंकर <a> टैग और उसके बाद href विशेषता का उपयोग करके की जा सकती है।

प्रश्न 7.  लिंकिंग की व्याख्या कीजिए।
उत्तर:  जब एक वेब पेज या टेक्स्ट का एक टुकड़ा किसी दूसरे वेब पेज से जुड़ा होता है, तो उसे लिंकिंग कहते हैं। यह दो प्रकार की होती है - आंतरिक लिंकिंग और बाहरी लिंकिंग।

प्रश्न 8.  जब हम किसी वेब पेज में हाइपरलिंक पर क्लिक करते हैं, तो यह एक लिंक प्रदान करता है जो एक दस्तावेज़ से दूसरे दस्तावेज़ तक ले जाता है
। 

प्रश्न 9.  निम्नलिखित का विस्तार दीजिए

  1. alt
  2. <a>

उत्तर:

  1. alt का प्रयोग वैकल्पिक पाठ विशेषता के लिए किया जाता है।
  2. <a> का प्रयोग एंकर टैग के लिए किया जाता है।

प्रश्न 10.  अपने वेब पेज में निम्नलिखित प्रदर्शित करने के लिए HTML कमांड लिखें। A 2 + B 2 CBSE 2006
उत्तर:  HTML कमांड है - A<sup>2</sup> + B<sup>2</sup>

प्रश्न 11.  निम्नलिखित HTML कमांड के लिए वेब पेज पर आउटपुट लिखें।
<u>O<sub>2</sub> का परमाणु भार< /u>
उत्तर:  वेब पेज पर आउटपुटO 2 का परमाणु भार होगा

लघु उत्तरीय प्रश्न [प्रत्येक 2 एवं 3 अंक]

प्रश्न 1.  <img> टैग के साथ alt विशेषता के उपयोग का वर्णन कीजिए।
उत्तर:  alt विशेषता का उपयोग किसी छवि के लिए 'वैकल्पिक पाठ' निर्धारित करने के लिए किया जाता है। यह वेबसाइट विज़िटर को बताता है कि यदि ब्राउज़र चित्र लोड नहीं कर पा रहा है, तो वह पृष्ठ पर क्या देख पा रहा है। फिर ब्राउज़र चित्र के बजाय वैकल्पिक पाठ प्रदर्शित करेगा। दस्तावेज़ की उपस्थिति और उपयोगिता को बेहतर बनाने के लिए पृष्ठ पर प्रत्येक छवि के लिए alt विशेषता शामिल करना अच्छा होता है।

प्रश्न 2.  पृष्ठ के दाईं ओर एक छवि प्रदर्शित करने के लिए HTML कोड लिखें। CBSE 2016
उत्तर:

<html> 
<body> 
<img src="image.jpg" align="right"> 
</body> 
</html>

प्रश्न 3.  <img> टैग के align विशेषता को निर्दिष्ट किए जा सकने वाले मानों के नाम बताइए।
उत्तर:  <img> टैग के align विशेषता को निर्दिष्ट किए जा सकने वाले मान निम्नलिखित हैं:

  1. शीर्ष
  2. तल
  3. बाएं
  4. सही
  5. मध्य

प्रश्न 4.  अपने वेब पेज के मध्य में C:\ पर स्थित pencil.jpg नामक एक इनलाइन छवि प्रदर्शित करने के लिए HTML कोड लिखें। CBSE 2013
उत्तर:

<html> 
<body> 
<center> 
<img src="C:\pencil.jpg"> 
</center> 
</body> 
</html>

प्रश्न 5.  <img> टैग की ऊँचाई और चौड़ाई विशेषताएँ परिभाषित करें।
उत्तर:  चौड़ाई और ऊँचाई विशेषताएँ ब्राउज़र को छवि का आयाम बताती हैं। दोनों (ऊँचाई और चौड़ाई) विशेषताओं के लिए पूर्णांक मान (पिक्सेल या उसके वास्तविक आकार के प्रतिशत के रूप में छवि का आयाम) आवश्यक हैं।
<img src=”picture.jpg” height = “50” width = “50”>

प्रश्न 6.  निम्नलिखित HTML कोड में त्रुटियों की पहचान करें और प्रत्येक सुधार को रेखांकित करते हुए सही कोड लिखें। CBSE 2011

<html> 
<title>इमेज</head> 
<body bgcolor="PICI.JPG"> 
<img href="ABC.JPG"> 
यह मेरी इमेज फ़ाइल है 
</bgcolor> 
</html>

उत्तर:

त्रुटि 1: <title> टैग <head> एलिमेंट के अंदर होना चाहिए।
त्रुटि 2: बॉडी एलिमेंट की bgcolor विशेषता लाल, हरा या उसके रंग मान जैसे किसी रंग का समर्थन करती है।
त्रुटि 3: <img> टैग को छवि डालने के लिए स्रोत विशेषता src की आवश्यकता होती है।
त्रुटि 4: बॉडी एलिमेंट बंद होना चाहिए, bgcolor विशेषता नहीं।

सही कोड इस प्रकार है: 
<html> 
<head> 
<title>IMAGES</title> 
</head> 
<body bocolor = "yellow"> 
<imq src= "ABC.JPG"> 
यहाँ मेरी छवि फ़ाइल है </body> 
</html>

प्रश्न 7.  वेब पेजों के बीच लिंकिंग की आवश्यकता समझाइए।
उत्तर:  विभिन्न वेब पेजों के बीच लिंकिंग आवश्यक है, क्योंकि जब हम वेबसाइट बनाते हैं, तो विभिन्न HTML फ़ाइलें (वेब ​​पेज) बनती हैं। इन फ़ाइलों में अलग-अलग मॉड्यूल होते हैं और इन्हें अलग-अलग नहीं खोला जा सकता। यदि हम इनके बीच लिंकिंग करते हैं, तो वेबसाइट अधिक उपयोगी और जानकारीपूर्ण बन जाती है।

प्रश्न 8.  बाहरी लिंकिंग, आंतरिक लिंकिंग से कैसे भिन्न है? सीबीएसई 2004, 05
उत्तर:  बाहरी लिंक एक प्रकार की लिंकिंग है जो किसी अन्य वेबसाइट पर ले जाती है। यह दो अलग-अलग दस्तावेज़ों को जोड़ती है। जबकि, आंतरिक लिंकिंग एक प्रकार की लिंकिंग है जो एक ही वेबसाइट के पृष्ठों, एक ही दस्तावेज़ के विभिन्न अनुभागों या विभिन्न दस्तावेज़ों को जोड़ती है।

प्रश्न 9.  दिए गए कमांड
<a href="wild.html">Click Here for wild animals</a> की व्याख्या कीजिए। सीबीएसई 2006
उत्तर:  इस कमांड में, एंकर <a> टैग और उसकी href विशेषता शामिल है। टेक्स्ट (Click Here for wild animals) रेखांकित दिखाई देगा और यह दर्शाता है कि टेक्स्ट पर क्लिक करने से हाइपरटेक्स्ट लिंक सक्रिय हो जाता है। संदर्भित दस्तावेज़ का पता एक निरपेक्ष या सापेक्ष URL द्वारा निर्दिष्ट किया जा सकता है।
इस प्रकार, "wild.html" एक URL या वेब पेज का पता है और Click Here for wild animals हाइपरलिंक किया गया टेक्स्ट है।

प्रश्न 10.  <a> टैग की उन विशेषताओं के नाम बताइए जिनका उपयोग वेब पेज में आंतरिक लिंकिंग के लिए किया जाता है। सीबीएसई 2014, 13
उत्तर: <a> टैग की वे विशेषताएँ जिनका उपयोग वेब पेज में आंतरिक लिंकिंग के लिए किया जाता है, इस प्रकार हैं:

  1. href का उपयोग उस खंड का URL निर्दिष्ट करने के लिए किया जाता है, जहां लिंक जाता है।
  2. नाम खंड को नाम देता है.

प्रश्न 11.  <a> टैग में href विशेषता का उपयोग किस उद्देश्य से किया जाता है?
उत्तर:  href का अर्थ हाइपरटेक्स्ट रेफरेंस है। href विशेषता का उपयोग <a> टैग के साथ किसी अन्य HTML पृष्ठ या वेबसाइट के लिंक को निर्दिष्ट करने के लिए किया जाता है।
उदाहरण के लिए, <a href “”https://www.learncbse.in”>
यहाँ क्लिक करें </a> learncbse पर जाने के लिए।
यह इस प्रकार प्रदर्शित होगा:learncbse पर जाने के लिए
यहाँ क्लिक करें ।

प्रश्न 12.  C:\ पर स्थित स्कूल .jpg के लिए लिंक बनाने हेतु HTML कोड लिखें। CBSE 2014
उत्तर:

<html> 
<body> 
<a href = "C:\school. jpg">छवि</a> 
</body> 
</html>

प्रश्न 13.  आंतरिक लिंकिंग का एक उदाहरण दिखाने के लिए एक सरल HTML कोड लिखें।
उत्तर:

<html> 
<head><title>आंतरिक लिंकिंग</title> 
</head> 
<body> 
<h1>यह पृष्ठ का <a name ="top">शीर्ष</a> है </h1> 
<br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br> 
<br><br><br><br><br><br><br><br> <br><br> 
<br><br><br> 
<h1><a href ="#top">शीर्ष</a></h1> 
</body> 
</html>

प्रश्न 14.  mailto फ़ंक्शन का उद्देश्य क्या है?
उत्तर:  mailto फ़ंक्शन का उपयोग कई प्राप्तकर्ताओं को ईमेल संदेश भेजने के लिए किया जाता है। इसके लिए, हमें केवल एक ही लिंक में प्राप्तकर्ताओं का ईमेल पता अल्पविराम से अलग करके टाइप करना होता है।

प्रश्न 15.  mailto फ़ंक्शन के उपयोग को दर्शाने के लिए HTML कोड लिखें।
उत्तर:

<html> 
<head> 
<title> mailto का उपयोग </title> 
</head> 
<body>अपने विचार <a href= "mailto: aaa_rr@gmail.com ">
 aaa_rr@gmail.com < /a> 
</body> 
</html> पर भेजें

प्रश्न 16.  अपने वेब पेज से abc@xyz.com पर ई-मेल भेजने के लिए HTML कोड लिखें । CBSE 2013
उत्तर:

<html> 
<body> <a href="mailto: abc@xyz.com ">
 abc@xyz.oom </a> 
</body> 
</html>

प्रश्न 17.  CBSE 2013 के पूर्ण रूप लिखें

  1. <सुप>
  2. <a>
  3. <img>
  4. <उप>

उत्तर:

  1. <sup>सुपरस्क्रिप्ट
  2. <a> एंकर
  3. <img> छवि
  4. <sub> सबस्क्रिप्ट

दीर्घ उत्तरीय प्रश्न [प्रत्येक 5 अंक]

प्रश्न 1.  <img> टैग की विभिन्न विशेषताओं की व्याख्या कीजिए।
उत्तर: 

<img> टैग की विशेषताएँ:
विशेषता, टैग से जुड़ी एक अतिरिक्त जानकारी होती है जो टैग के बारे में और जानकारी प्रदान करती है।
<img> टैग की विभिन्न विशेषताएँ निम्नलिखित हैं:

src विशेषता:  src (स्रोत) विशेषता किसी छवि फ़ाइल के URL (यूनिवर्सल रिसोर्स लोकेटर) को मान के रूप में लेती है, जो प्रदर्शित होने वाली छवि के सीधे स्थान की ओर इशारा करती है।
आपके द्वारा <img> टैग में निर्दिष्ट छवि आपके कंप्यूटर में होनी चाहिए, अन्यथा छवि प्रदर्शित नहीं होगी और छवि के स्थान पर 0 बॉक्स में एक क्रॉस चिह्न दिखाई देगा।

alt विशेषता:  <img> टैग की इस विशेषता का उपयोग वेब पेज पर किसी छवि के प्रदर्शित न होने पर वैकल्पिक पाठ प्रदान करने के लिए किया जाता है।
वैकल्पिक पाठ, छवि से जुड़ा वह पाठ होता है जो समान उद्देश्य को पूरा करता है और समान आवश्यक संदेश देता है। HTML मानक के अनुसार, alt विशेषता वैकल्पिक है, लेकिन अत्यधिक अनुशंसित है।

संरेखण विशेषता:  इस विशेषता का उपयोग उपयोगकर्ता की आवश्यकताओं के अनुसार वेब पेज पर किसी छवि की स्थिति निर्धारित करने के लिए किया जाता है। HTML में, छवियाँ पाठ की एक पंक्ति के साथ इनलाइन दिखाई देती हैं। लेकिन, HTML मानक उसी पंक्ति में अन्य पाठ और छवियों के सापेक्ष छवियों के लिए कोई डिफ़ॉल्ट संरेखण निर्धारित नहीं करता है।
छवि संरेखण विशेषता के कुछ मान इस प्रकार हैं:

  1. शीर्ष संरेखण
  2. मध्य संरेखण
  3. निचला संरेखण
  4. बायां संरेखण
  5. दायां संरेखण

चौड़ाई और ऊँचाई विशेषताएँ:  जब किसी वेब पेज पर कोई छवि जोड़ी जाती है, तो छवि की चौड़ाई और ऊँचाई निर्दिष्ट करना अनिवार्य नहीं होता है। छवि लोड करते समय, उस स्थान पर एक बॉक्स दिखाई देगा जहाँ छवि लोड होगी।

बॉर्डर विशेषता:  आप अपने वेब पेज पर इस्तेमाल की जाने वाली किसी इमेज का बॉर्डर सेट कर सकते हैं। <img> टैग की बॉर्डर विशेषता इमेज के चारों ओर बॉर्डर की चौड़ाई निर्धारित करती है। डिफ़ॉल्ट रूप से, HTML में इमेज का कोई बॉर्डर नहीं होता है।

प्रश्न 2.  <img> टैग में इमेज फ़ाइल का स्थान निर्दिष्ट करने के लिए किस विशेषता का उपयोग किया जाता है? व्याख्या कीजिए।
उत्तर:  वेब पेज पर इमेज प्रदर्शित करने के लिए आवश्यक विशेषता src विशेषता है।
<img> टैग की src विशेषता में, आप उस इमेज का पथ निर्दिष्ट कर सकते हैं जिसे आप वेब पेज पर जोड़ना चाहते हैं। यह उसी निर्देशिका में मौजूद इमेज, उसी सर्वर पर कहीं और मौजूद इमेज या किसी अन्य सर्वर पर संग्रहीत इमेज हो सकती है।
src विशेषता का सिंटैक्स <img src =”imagel. jpg”> है।

प्रश्न 3.  align विशेषता के विभिन्न संरेखणों को उदाहरण सहित परिभाषित कीजिए।
उत्तर:  छवि संरेखण विशेषता के कुछ मान इस प्रकार हैं:

मध्य संरेखण:
यह संरेखण इंटरनेट एक्सप्लोरर और मोज़िला फ़ायरफ़ॉक्स दोनों में अलग-अलग होता है। इंटरनेट एक्सप्लोरर में, यह संरेखण छवि को वर्तमान पंक्ति में सबसे ऊँची वस्तु के मध्य में संरेखित करता है। जबकि मोज़िला फ़ायरफ़ॉक्स में, यह संरेखण छवि को उस वर्तमान पंक्ति की आधार रेखा में संरेखित करता है जिसमें वह स्थित है।

उदाहरण: किसी चित्र का मध्य संरेखण दिखाने के लिए। 
<html> 
<head> 
<title> संरेखण </title> 
</head> 
<body> 
<h1> मध्य संरेखण </h1> 
<img src="flower2.jpg" align="middle"> 
एक फूल, जिसे कभी-कभी 'बूम' या 'ब्लॉसम' भी कहा जाता है, पुष्पीय पौधों में पाई जाने वाली प्रजनन संरचना है। फूल का जैविक कार्य प्रजनन को प्रभावित करना है, आमतौर पर शुक्राणुओं और अंडों के मिलन के लिए एक तंत्र प्रदान करके। 
</body> 
</html>

निचला संरेखण:
यह संरेखण छवि के निचले किनारे को पाठ की आधार रेखा के समान क्षैतिज तल पर संरेखित करता है। इंटरनेट एक्सप्लोरर और मोज़िला फ़ायरफ़ॉक्स, दोनों इस संरेखण को एक ही तरीके से देखते हैं।

उदाहरण: किसी चित्र का निचला संरेखण दिखाने के लिए। 
<html> 
<head> <title> संरेखण </title> </head> 
<body> 
<h1> निचला संरेखण </h1> 
<img src="flower2.jpg" alt="flower" align="bottom"> 
एक फूल, जिसे कभी-कभी ब्लूम या ब्लॉसम भी कहा जाता है, पुष्पीय पौधों में पाई जाने वाली प्रजनन संरचना है। फूल का जैविक कार्य प्रजनन को प्रभावित करना है, आमतौर पर शुक्राणुओं और अंडों के मिलन के लिए एक तंत्र प्रदान करके। 
</body> 
</html>

बायां संरेखण
यह संरेखण छवि को ब्राउज़र विंडो के क्रमशः वेब पेज पर बाईं ओर संरेखित करता है।

उदाहरण: किसी चित्र का बाएँ संरेखण दिखाने के लिए। 
<html> 
<head> <title> संरेखण </title> </head> 
 <body> 
<h1> बाएँ संरेखण </h1> 
<img src="flower2.jpg" align="left"> 
एक फूल, जिसे कभी-कभी ब्लूम या ब्लॉसम भी कहा जाता है, पुष्पीय पौधों में पाई जाने वाली प्रजनन संरचना है। फूल का जैविक कार्य प्रजनन को प्रभावित करना है, आमतौर पर शुक्राणुओं और अंडों के मिलन के लिए एक तंत्र प्रदान करके। 
</body> 
</html>

दायां संरेखण
यह संरेखण छवि को ब्राउज़र विंडो के वेब पेज पर क्रमशः दाईं ओर संरेखित करता है।

उदाहरण: किसी चित्र का दायाँ संरेखण दिखाने के लिए। 
<html> 
<head> <title> दायाँ संरेखण </title> </head> 
<body> 
<h1> दायाँ संरेखण </h1> 
Cimg src="flower2.jpg" align="right"> 
एक फूल, जिसे कभी-कभी ब्लूम या ब्लॉसम भी कहा जाता है, पुष्पीय पौधों में पाई जाने वाली प्रजनन संरचना है। फूल का जैविक कार्य प्रजनन को प्रभावित करना है, आमतौर पर शुक्राणुओं और अंडों के मिलन के लिए एक तंत्र प्रदान करके। 
</body> 
</html>

प्रश्न 4.  उदाहरण देने के लिए HTML कोड लिखें

  1. सूचीबद्ध हाइपरलिंक
  2. छवि हाइपरलिंक

उत्तर:

सूचीबद्ध हाइपरलिंक:  यह ध्यान देने योग्य है कि <a> टैग का उपयोग अधिक जटिल कार्य के लिए भी किया जा सकता है (जैसे छवियों के साथ या सूचियों आदि के साथ)

उदाहरण: सूचीबद्ध हाइपरलिंक दिखाने के लिए। 
<html> 
<head> <title> सूची </title> </head> 
<body> <h1>सूची </h1> 
<ul> 
<li> <a href="linkl.html"><img src ="F:Fruits-wallpaper-91.jpg" align="middle" height="75" width="75"> 
फल चार्ट </a></li><br><br> 
<li> <a href= "link2.html"> 
<img src="F:\vegetable.jpg" align="middle" width="75" height="75"> 
सब्जी चार्ट </a> </li > </ul> 
</body> 
</html>

आउटपुट:
कक्षा 10 सूचना प्रौद्योगिकी की नींव के लिए एनसीईआरटी समाधान - HTML में चित्र और लिंक सम्मिलित करना 1

इमेज हाइपरलिंक:  इमेज को हाइपरलिंक के रूप में भी इस्तेमाल किया जा सकता है। इमेज को लिंक के रूप में बनाने के लिए, निम्नलिखित सिंटैक्स का उपयोग किया जाता है:
<a href = “URL”> <img src=”image1.jpg”> </a>

उदाहरण: छवि को लिंक के रूप में दिखाने के लिए। 
 <html> 
 <head> 
 < title>छवि को लिंक के रूप में</title) 
 </head> 
 <body> 
 <a href "http://en.wikipedia.org/wiki/Tweety") <img src="D:\Class10\computer\tweetyl.jpg">
 </a> 
 </body> 
 </html>

आउटपुट:
कक्षा 10 सूचना प्रौद्योगिकी की नींव के लिए एनसीईआरटी समाधान - HTML में चित्र और लिंक सम्मिलित करना 2

प्रश्न 5.  निम्नलिखित को समझाइए (उदाहरण सहित):

  1. एक ही वेब पेज पर लिंकिंग।
  2. अलग-अलग वेब पेज पर लिंक करना।

उत्तर:

एक ही वेब पेज पर लिंक करना

एक आंतरिक लिंक बनाने के लिए, आपको <a> टैग की एक जोड़ी का उपयोग करना होगा। पहला <a> टैग पहचान के उद्देश्य के लिए लक्ष्य स्थान का नाम निर्दिष्ट करने के लिए प्रयोग किया जाता है। इसे लक्ष्य खंड के रूप में जाना जाता है। आप एक टुकड़े की पहचान करने के लिए <a> टैग को इसके नाम या आईडी विशेषता के साथ उपयोग कर सकते हैं। इस प्रकार के एंकर को आमतौर पर नामित एंकर कहा जाता है।
पहला कदम लक्ष्य खंड बनाना है। ऐसा करने के लिए सरल वाक्यविन्यास नीचे लिखा गया है:
<a name = "aa"> भाग ए </a> जहां, "aa" उस खंड / खंड का नाम है जिसे आप संदर्भित करना चाहते हैं (जैसे शीर्ष, नीचे आदि)। दूसरा <a> टैग
लक्ष्य खंड के लिए एक लिंक बनाने के लिए प्रयोग किया जाता है। लक्ष्य खंड से लिंक करने के लिए सरल वाक्यविन्यास नीचे लिखा गया है:
<a href = "#aa"> ClickHere </a>

उदाहरण: HTML दस्तावेज़ में आंतरिक लिंकिंग दिखाने के लिए। 
<html> 
<head><title>आंतरिक लिंकिंग<title></head> 
<body> 
<h1>पृष्ठ में लिंकिंग </h1> <h3> 
पृष्ठ के <a href="#bottom">नीचे</a> 
जाने के लिए यहां क्लिक करें ।</h3 
> <br>><br><br><br><br><br> 
<br><br><br> <br> 
><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
<a name="bottom"><h3> आप पृष्ठ के नीचे हैं।</h3></a> 
</body> 
</html>

आउटपुट:
कक्षा 10 सूचना प्रौद्योगिकी की नींव के लिए एनसीईआरटी समाधान - HTML में चित्र और लिंक सम्मिलित करना 3

विभिन्न वेब पेजों के अनुभागों को जोड़ना

आंतरिक लिंकिंग हमें विभिन्न वेब पेजों के अनुभागों को लिंक करने में भी सक्षम बनाती है। यह वेब पेज और लिंक किए जाने वाले अनुभाग का नाम निर्दिष्ट करके किया जा सकता है। दो वेब पेजों को लिंक करने के लिए, आपको सबसे पहले <a> टैग के name विशेषता का उपयोग करके उस अनुभाग को नाम देना होगा जिसे आप लिंक करना चाहते हैं। मान लीजिए, हमें HTML1.html के एक अनुभाग को HTML2.html से लिंक करना है। HTML1.html में एक नामित एंकर बनाएं।
सिंटैक्स नीचे दिया गया है:
<a name = "link"> अलग पेज </a>
इसके बाद, आपको वेब पेज HTML2.html से इसे संदर्भित करने के लिए कोड लिखना होगा। ऐसा करने के लिए कोड निम्नलिखित है:
<a href = "HTML1.html # link">
यहां, HTMLl.html उस अनुभाग की HTML फ़ाइल का नाम है जिसे आप लिंक करना चाहते हैं

बहुविकल्पीय प्रश्न [प्रत्येक 1 अंक]

प्रश्न 1. वेब ब्राउज़र निम्नलिखित प्रारूप में चित्र प्रदर्शित करते हैं
(a) XBM
(b) JPEG
(c) GIF
(d) ये सभी
उत्तर: (d) ये सभी

प्रश्न 2. वेब पेज में इमेज डालने के लिए किस टैग का उपयोग किया जाता है?
(a) <a>
(b) <table>
(c) <img>
(d) <p>
उत्तर: (c) <img> टैग का उपयोग वेब पेज में इनलाइन इमेज डालने के लिए किया जाता है।

प्रश्न 3. एक छवि डालने के लिए सही HTML कोड है CBSE 2012
(a) <img href=”image.gif”>
(b) <img> image.gif</gif>
(c) <img src=”image.gif”>
(d) <image src=”image.gif”>
उत्तर: (c) <img src=”image.gif “>

प्रश्न 4. <img> टैग के साथ प्रयुक्त src विशेषता का तात्पर्य CBSE 2013 से है
(a) स्क्रीन (b) स्क्रीन रिज़ॉल्यूशन काउंट
(c) स्रोत (d) संरचना
उत्तर: (c) स्रोत

प्रश्न 5. …………. विशेषता का उपयोग छवि फ़ाइल के स्थान को निर्दिष्ट करने के लिए किया जाता है।
(a) alt
(b) src
(c) align
(d) name
उत्तर: (b) src विशेषता का उपयोग छवि फ़ाइल के स्थान को निर्दिष्ट करने के लिए किया जाता है।

प्रश्न 6. alt विशेषता में निर्दिष्ट पाठ टूलटिप के रूप में प्रदर्शित होता है
(a) इंटरनेट एक्सप्लोरर में
(b) गूगल क्रोम में
(c) (a) और (b) दोनों में
(d) इनमें से कोई नहीं
उत्तर: (a) alt विशेषता में निर्दिष्ट पाठ टूलटिप के रूप में केवल इंटरनेट एक्सप्लोरर में प्रदर्शित होता है।

प्रश्न 7. किसी छवि का वैकल्पिक पाठ <img> टैग की विशेषता का उपयोग करके प्रदर्शित किया जा सकता है।
(a) src

(b) alt
(c) align 

(d) इनमें से कोई नहीं
उत्तर: (b) किसी छवि के वैकल्पिक पाठ को प्रदर्शित करने के लिए <img> टैग की alt विशेषता का उपयोग किया जाता है।

प्रश्न 8. alt विशेषता सीबीएसई 2016 को
(a) वैकल्पिक हाइपरलिंक जोड़ने की अनुमति देती है
(b) छवि में बॉर्डर जोड़ने की अनुमति देती है
(c) निर्दिष्ट छवि के स्थान पर वैकल्पिक छवि का उपयोग करने की अनुमति देती है
(d) छवि के बारे में वैकल्पिक पाठ जोड़ने की अनुमति देती है
उत्तर:  (d) alt विशेषता छवि के बारे में वैकल्पिक पाठ जोड़ने की अनुमति देती है।

प्रश्न 9. वेब पेज में डाली गई छवियों का डिफ़ॉल्ट संरेखण है:
(a) बाएं
(b) दाएं
(c) टेक्स्ट के साथ इनलाइन
(d) मध्य
उत्तर: (c) एक छवि जो डिफ़ॉल्ट रूप से वेब पेज में डाली जाती है, टेक्स्ट के साथ इनलाइन होती है।

प्रश्न 10. <img> टैग के align विशेषता में कौन सा मान मान्य नहीं है? CBSE 2014,2013
(a) ऊपर
(b) केंद्र
(c) नीचे
(d) दाएँ
उत्तर: (b) <img> टैग के align विशेषता में center एक मान्य मान नहीं है। केंद्र में संरेखित करने के लिए, <center> टैग का उपयोग किया जा सकता है।

प्रश्न 11. <img> टैग में width और height विशेषता निर्दिष्ट करना क्यों महत्वपूर्ण है? CBSE 2013
(a) यह सुनिश्चित करने के लिए कि छवि कॉपी नहीं की गई है
(b) इनके बिना छवि रेंडर नहीं होगी
(c) छवि को लोड होने से रोकने के लिए
(d) ब्राउज़र को वेब पेज को तेज़ी से लोड करने में मदद करता है
उत्तर:  (d) ब्राउज़र को वेब पेज को तेज़ी से लोड करने में मदद करता है।

प्रश्न 12. वेब दस्तावेज़ बनाते समय, छवि की ऊँचाई और चौड़ाई को व्यक्त करने के लिए किस इकाई का उपयोग किया जाता है? CBSE 2013
(a) सेंटीमीटर
(b) पिक्सेल
(c) डॉट्स प्रति इंच
(d) इंच
उत्तर:  (b) छवि की ऊँचाई और चौड़ाई की इकाई पिक्सेल या प्रतिशत के रूप में व्यक्त की जाती है।

प्रश्न 13. <a> टैग
(a) एक कंटेनर टैग है
(b) एक खाली टैग
(c) एक समापन टैग
(d) इनमें से कोई नहीं
उत्तर:  (a) <a> एक कंटेनर टैग है, जिसके लिए शुरुआती और मिलान वाले अंत टैग की आवश्यकता होती है।

प्रश्न 14. ………… हाइपरलिंक का डिफ़ॉल्ट रंग है।
(a) लाल
(b) नीला
(c) हरा
(d) काला
उत्तर:  (b) नीला

प्रश्न 15. किसी पेज को HTML पेज से लिंक करने के लिए किस कमांड का उपयोग किया जाना चाहिए? सीबीएसई 2013
(a) <a link = “page.htm” > </a>
(b) <a href = “page.htm”>page</a>
(c) <a connect = “page.htm”></a>
(d) <a attach = “page.htm”></a>
उत्तर:  (b) <a href = “page.htm”>page</a>

प्रश्न 16. किस कोड के साथ आप एक छवि को लिंक के रूप में काम कर सकते हैं? सीबीएसई 2016
(a) <a href = “URL”> टेक्स्ट </a>
(b) “<a href = “ABC.html”> <img src = “graphic.gif”> यहां क्लिक करें </a>
(c) <a ref = mailto: <img src = graphic.gif> यहां क्लिक करें </a>
(d) उपरोक्त में से कोई नहीं
उत्तर:  (b) <a href = “ABC.html”> <img src = “graphic.gif> यहां क्लिक करें </a> छवि लिंक के रूप में काम करती है।

प्रश्न 17. हाइपरलिंक की गई छवि बनाने के लिए
(a) छवि टैग एंकर टैग के भीतर होना चाहिए
(b) एंकर टैग छवि टैग के भीतर होना चाहिए
(c) छवि टैग एंकर टैग से पहले होना चाहिए
(d) छवि टैग एंकर टैग के बाद होना चाहिए
उत्तर:  (a) हाइपरलिंक की गई छवि बनाने के लिए छवि टैग एंकर टैग के भीतर होना चाहिए।

प्रश्न 18. आंतरिक लिंकिंग के लिए, अनुभाग नाम <a> टैग की विशेषता द्वारा प्रदान किए जाते हैं।
(a) शीर्षक
(b) href
(c) नाम
(d) इनमें से कोई नहीं
उत्तर:  (c) आंतरिक लिंकिंग के लिए, अनुभाग नाम नाम विशेषता द्वारा प्रदान किए जाते हैं।

प्रश्न 19. क्या वर्तमान पृष्ठ के भीतर लिंक करना संभव है?
(a) नहीं
(b) केवल फ्रेमसेट में
(c) हाँ
(d) इनमें से कोई नहीं
उत्तर:  (c) हाँ, वर्तमान पृष्ठ के भीतर लिंक करना संभव है, जिसे आंतरिक लिंकिंग कहा जाता है।

प्रश्न 20. <a> टैग की ………. विशेषता का उपयोग आंतरिक लिंक बनाने के लिए वेब पेज में एक अनुभाग का नाम देने के लिए किया जाता है।
(a) href
(b) name
(c) align
(d) link
उत्तर:  (b) name विशेषता का उपयोग आंतरिक लिंक बनाने के लिए किया जाता है।

प्रश्न 21. …………….. विशेषता का उपयोग लिंक के सक्रिय होने पर उसका रंग सेट करने के लिए किया जाता है।
(a) vlink
(b) alink
(c)
(a) और (b) दोनों
(d) इनमें से कोई नहीं
उत्तर:  (b) alink विशेषता का उपयोग लिंक के सक्रिय होने पर उसका रंग सेट करने के लिए किया जाता है।

प्रश्न 22. वह विशेषता जो वेबसाइट के माध्यम से ई-मेल भेजने के लिए उपयोग की जाती है।
(a) tomail
(b) mailto
(c)
(a) और (b) दोनों
(d) इनमें से कोई नहीं
उत्तर:  (b) mailto विशेषता का उपयोग वेबसाइट के माध्यम से ई-मेल भेजने के लिए किया जाता है।

प्रश्न 23. (X+Y) 2 प्रदर्शित करने के लिए , सही HTML कोड है CBSE 2013
(a) <sub>(X+Y)2</sub>
(b) X+Y< sup > 2 </sup >
(c) (X+Y)<sup>2</sup>
(d) <sup>(X +Y)2</sup>
उत्तर:  (c) (X+Y) <sup>2</sup> कोड सही है क्योंकि सुपरस्क्रिप्ट को <sup> और </sup> टैग के बीच में रखा जाना चाहिए।

रिक्त स्थान भरें [प्रत्येक पर 1 अंक]

प्रश्न 1. <img> टैग एक ………… टैग है, अर्थात इसका कोई क्लोजिंग टैग नहीं है।
उत्तर: खाली

प्रश्न 2. <img> टैग का उपयोग …………. छवियों के लिए किया जाता है। CBSE 2014
उत्तर: प्रदर्शित करना

प्रश्न 3. …………… टैग का उपयोग इनलाइन चित्र बनाने के लिए किया जाता है। CBSE 2013, 2012
उत्तर: <img>

प्रश्न 4. ……………. <img> टैग की एक विशेषता है जो प्रदर्शित होने वाली छवि का स्थान या URL निर्दिष्ट करती है।
उत्तर:  src

प्रश्न 5. विशेषता …………. से जुड़ी एक अतिरिक्त जानकारी है।
उत्तर:  टैग

प्रश्न 6. ait विशेषता किसी छवि के लिए …………… प्रदान करती है।
उत्तर: वैकल्पिक जानकारी

प्रश्न 7. alt विशेषता का मान ………….. वर्णों तक का एक टेक्स्ट स्ट्रिंग है।
उत्तर: 1024

प्रश्न 8. वेब पेज पर प्रदर्शित होने वाली छवि को ब्राउज़र विंडो का 25% क्षैतिज और 50% ऊर्ध्वाधर रूप से कवर करना होगा। इसके लिए <img> टैग की ………… और …………. विशेषताओं का उपयोग किया जाएगा।
उत्तर: ऊँचाई, चौड़ाई

प्रश्न 9. किसी इमेज को बॉर्डर देने के लिए एट्रिब्यूट का इस्तेमाल किया जाता है। CBSE 2016
उत्तर: बॉर्डर

प्रश्न 10. ………… एक शब्द या छवि है जिस पर क्लिक करने पर हम किसी अन्य वेब पेज पर पहुँच जाते हैं। CBSE 2013
उत्तर: हाइपरलिंक

प्रश्न 11. ………… टैग का उपयोग वेब पेजों को जोड़ने के लिए किया जाता है। CBSE 2014
उत्तर: <a>

प्रश्न 12. ……. का उपयोग वेब पेजों को जोड़ने के लिए किया जाता है। इन्हें <a> टैग से बनाया जाता है। CBSE 2016
उत्तर: हाइपरलिंक

प्रश्न 13. …………. टैग को वर्तमान दस्तावेज़ और किसी अन्य URL के बीच हाइपरटेक्स्ट संबंध स्थापित करने के लिए माना जाता है।
उत्तर:  <a>

प्रश्न 14. एंकर टैग का URL निर्दिष्ट करने के लिए ………….. विशेषता का उपयोग किया जाता है।
उत्तर: href

प्रश्न 15. एक ……….. लिंक किसी अन्य वेब पेज या वेबसाइट पर लिंक करने की अनुमति देता है। सीबीएसई 2011
उत्तर:  बाहरी

प्रश्न 16. <a> टैग की …………….. विशेषता का उपयोग लिंक किए गए दस्तावेज़ या वेब पेज के लिए जानकारी या शीर्षक प्रदान करने के लिए किया जाता है।
उत्तर:  शीर्षक

प्रश्न 17. एक लिंक उसी या किसी अन्य वेब पेज पर किसी अन्य अनुभाग से जुड़ने की अनुमति देता है।
उत्तर: आंतरिक

प्रश्न 18. किसी वेबसाइट पर देखी गई लिंक आमतौर पर रेखांकित और …………… रंग की होती है।
उत्तर: बैंगनी

प्रश्न 19. alink विशेषता का डिफ़ॉल्ट रंग ………… है।
उत्तर: लाल

प्रश्न 20. ………… का उपयोग किसी विज़िट किए गए लिंक का रंग बदलने के लिए किया जाता है। CBSE 2016
उत्तर: vlink

प्रश्न 21. ………… प्रकार के URL का उपयोग करके, आप ई-मेल हाइपरलिंक बना सकते हैं।
उत्तर:  mailto

प्रश्न 22. वेब पेज पर ……….. टैग का उपयोग सुपरस्क्रिप्ट बनाने के लिए और …………. टैग का उपयोग सबस्क्रिप्ट बनाने के लिए किया जाता है।
उत्तर: <sup>, <sub>

Previous Post Next Post