UP Board Solutions Class 12 Computer Chapter 7 HTML s

बहुविकल्पीय प्रश्न (1 अंक)

 

Question 1. लिस्ट के आइटम को किस टैग के अन्तर्गत लिखा जाता है?
(a) <L>
(b) <u>
(c) <LI>
(d) <UL>
Answer: (c) <LI>
In simple words: The <li> tag stands for "List Item" and is used to display individual items inside a list on a webpage.

🎯 Exam Tip: Always remember that <li> is a nested tag used inside <ul> or <ol> tags to create list entries.

 

Question 2. start एट्रिब्यूट है:
(a) ऑर्डर्ड लिस्ट का
(b) अनऑर्डर्ड लिस्ट का
(c) डेफिनेशन लिस्ट का
(d) None of the options
Answer: (a) ऑर्डर्ड लिस्ट का
In simple words: The 'start' attribute is used with ordered lists to decide which number the list should begin counting from.

🎯 Exam Tip: The 'start' attribute only works with ordered lists (<ol>) and takes a numeric value to set the starting point.

 

Question 3. डेफिनेशन का टाइटल देने के लिए निम्न में से कौन-सा टैग प्रयोग किया जाता है?
(a) <DD>
(b) <DT>
(c) <DL>
(d) <DC>
Answer: (b) <DT>
In simple words: The <dt> tag stands for "Definition Term" and is used to write the heading or title of a term in a definition list.

🎯 Exam Tip: Do not confuse <dt> (definition term) with <dd> (definition description); the term always comes first.

 

Question 4. इमेज की चौड़ाई सेट करने के लिए एट्रिब्यूट है:
(a) height
(b) width
(c) border
(d) src
Answer: (b) width
In simple words: The 'width' attribute is used to change how wide an image appears on a webpage.

🎯 Exam Tip: Remember that 'width' sets the horizontal size, while 'height' sets the vertical size of an image.

 

Question 5. इण्टर्नल लिंकिंग में सेक्शन के नाम को किस एट्रिब्यूट के द्वारा निर्दिष्ट किया जाता है?
(a) alt
(b) href
(c) name
(d) link
Answer: (c) name
In simple words: The 'name' attribute is used to give a specific section of a webpage a unique name so we can link directly to it.

🎯 Exam Tip: For internal links, the target anchor uses the 'name' attribute, while the source link uses 'href="#name"'.

Question 6. टेबल में हैडिंग देने के लिए प्रयुक्त टैग निम्न में से कौन-सा है?
(a) <TR>
(b) <TH>
(c) <TD>
(d) <TABLE>
Answer: (b) <TH>
In simple words: To make a heading in an HTML table, we use the <TH> tag which stands for Table Header.

🎯 Exam Tip: Remember that <TH> makes the text bold and centered by default, which is perfect for table headers.

 

अतिलघु उत्तरीय प्रश्न (1 अंक)

 

Question 1. ऑर्डर्ड लिस्ट में आइटम कैसे दर्शाए जाते हैं?
Answer: ऑर्डर्ड लिस्ट में आइटम क्रमानुसार दर्शाए जाते हैं। यद्यपि वे लेटर्स, नम्बर्स अथवा रोमन नम्बर्स हो सकते हैं। यह सूची को एक व्यवस्थित और क्रमिक रूप प्रदान करता है।
In simple words: In an ordered list, items are shown in a specific sequence like 1, 2, 3 or A, B, C.

🎯 Exam Tip: Always mention that ordered lists can use numbers, letters, or Roman numerals to get full marks.

 

Question 2. किसी लिस्ट को 5वें नम्बर से प्रारम्भ करने के लिए कोड लिखिए।
Answer: किसी लिस्ट को 5वें नम्बर से प्रारम्भ करने के लिए कोड <OL type = "1" start = "5"> है। इसके द्वारा हम सूची की शुरुआत किसी भी मनचाहे अंक से कर सकते हैं।
In simple words: To start a numbered list from 5 instead of 1, we use the 'start="5"' attribute inside the <OL> tag.

🎯 Exam Tip: Don't forget to write both the 'type' and 'start' attributes correctly inside the opening <OL> tag.

 

Question 3. डेफिनेशन लिस्ट का प्रारूप लिखिए।
Answer: डेफिनेशन लिस्ट का प्रारूप निम्नलिखित है:
<DL>
<DT> Title name</DT>
<DD> Definition</DD>
</DL>
यह प्रारूप किसी शब्दावली या शब्दकोश को दर्शाने के लिए अत्यंत उपयोगी है।
In simple words: A definition list uses <DL> for the list, <DT> for the term, and <DD> for its description.

🎯 Exam Tip: Remember the full forms: DL is Definition List, DT is Definition Term, and DD is Definition Description.

 

Question 4. <IMG> टैग के किन्हीं दो एट्रिब्यूट्स के नाम लिखिए।
Answer: <IMG> टैग के दो एट्रिब्यूट्स निम्नलिखित हैं:
(i) align
(ii) sre
ये एट्रिब्यूट्स वेब पेज पर इमेज के प्रदर्शन और संरेखण को नियंत्रित करते हैं।
In simple words: Attributes like 'align' and 'src' (written as 'sre' here) help us set the location and source of an image.

🎯 Exam Tip: Although 'src' is the correct standard attribute for image source, write the options exactly as taught in your syllabus class.

 

Question 5. लिंकिंग कितने प्रकार की होती हैं?
Answer: लिंकिंग दो प्रकार की होती हैं:
(i) इण्टर्नल लिंकिंग (Internal Linking)
(ii) एक्सटर्नल लिंकिंग (External Linking)
ये दोनों प्रकार वेब पेजों के बीच सुगम नेविगेशन सुनिश्चित करते हैं।
In simple words: Linking is of two types: internal (linking within the same website) and external (linking to another website).

🎯 Exam Tip: Clearly list both types of linking with their names to secure full marks.

 

Question 6. HTML में, लिंकिंग कैसे होती है?
Answer: HTML में, लिंकिंग <A> टैग के साथ href एट्रिब्यूट के साथ होती है; जैसे:
<A href="URL"> click </A>
यह एंकर टैग उपयोगकर्ता को एक क्लिक में दूसरे वेब पेज पर ले जाता है।
In simple words: We use the anchor tag <a> with the 'href' attribute to create a clickable link to another page.

🎯 Exam Tip: Always write the complete syntax of the anchor tag, including the closing </A> tag.

 

Question 7. <TD> व <TH> टैग्स में भेद कीजिए। [2012]
Answer: <TD> टैग प्रत्येक पंक्ति को डाटा सेल्स में विभाजित करता है, जबकि <TH> टैग टेबल की हैडर रॉ (Header Row) को परिभाषित करता है। इन दोनों टैग्स का सही उपयोग तालिका को अधिक पठनीय और व्यवस्थित बनाता है।
In simple words: <TH> is used for table headers (bold text), while <TD> is used for regular table data cells.

🎯 Exam Tip: Highlight that <TH> is for headers and <TD> is for standard data cells to show a clear distinction.

 

Question 8. किसी टेबल का ब्राउजर में दायाँ एलाइनमेण्ट करने के लिए कोड लिखिए।
Answer: किसी टेबल का ब्राउजर में दायाँ एलाइनमेण्ट करने के लिए कोड <TABLE align="right"> है। यह एलाइनमेंट तालिका को वेब पेज के दाईं ओर खिसका देता है।
In simple words: To align a table to the right side of the screen, we add the 'align="right"' attribute inside the <TABLE> tag.

🎯 Exam Tip: Make sure to write the attribute name 'align' and its value 'right' inside double quotes within the tag.

 

लघु उत्तरीय प्रश्न (2 अंक)

 

Question 1. लिंकिंग क्या होती है? एक्सटर्नल लिंकिंग को समझाइए। अथवा हाइपरटेक्स्ट लिंक को समझाइए। इसे किसी डॉक्यूमेंट में कैसे सम्मिलित किया जाता है? उदाहरण सहित समझाइए। [2017]
Answer: लिंक से तात्पर्य हाइपरलिंक से है। यह दो भागों से मिलकर बना होता है। इसका पहला भाग वेब पेज पर दिखाई देता है, जिसे एंकर कहा जाता है। तथा दूसरा भाग ब्राउजर पर लिंक के रूप में प्रदर्शित होता है, जिसे URL कहा जाता है। जब लिंक किसी अन्य वेबसाइट को लिंक करता है, तो उसे एक्सटर्नल लिंकिंग कहा जाता है। इसके लिए <A> टैग के साथ href एट्रिब्यूट का प्रयोग किया जाता है। यह तकनीक इंटरनेट पर विभिन्न सूचनाओं को आपस में जोड़ने का मुख्य आधार है।

प्रारूप: <A href = "URL"></A>
उदाहरण: <A href = "www.abc.com">Click Here </A>
In simple words: A link (hyperlink) connects one web page to another. External linking points to a completely different website using the anchor tag with an 'href' attribute.

🎯 Exam Tip: When asked for examples, always write both the general syntax (format) and a concrete example (like www.abc.com) to score full marks.

Question 2. <TABLE> टैग के निम्न एट्रिब्यूट्स को परिभाषित कीजिए।
(i) cellpadding
(ii) bordercolor
Answer:
(i) cellpadding एट्रिब्यूट का प्रयोग सेल के किनारे व टेक्स्ट के बीच स्पेस निर्दिष्ट करने के लिए किया जाता है। प्रारूप <TABLE cellpadding="pixel">
(ii) bordercolor एट्रिब्यूट का प्रयोग टेबल में बॉर्डर कलर देने के लिए किया जाता है। प्रारूप <TABLE bordercolor="color_name/hex_num/rgb_num">
In simple words: cellpadding sets the space inside a table cell between its border and content, while bordercolor changes the color of the table's outer border.

🎯 Exam Tip: Always write the correct syntax/format (प्रारूप) along with the definition of HTML attributes to score full marks.

 

लघु उत्तरीय प्रश्न (3 अंक)

 

Question 1. अनऑर्डर्ड लिस्ट का वर्णन कीजिए।
Answer: अनऑर्डर्ड लिस्ट आइटम के क्रम को बुलेट के रूप में प्रदर्शित करती है। इस लिस्ट को बनाने के लिए <UL> टैग का प्रयोग किया जाता है। अनऑर्डर्ड लिस्ट का एट्रिब्यूट इस प्रकार है:

type: यह अनऑर्डर्ड लिस्ट में बुलेट के टाइप को निर्धारित करता है। किसी बुलेट का टाइप disc, circle अथवा square में से एक हो सकता है। जैसे <UL type="disc">

उदाहरण:
<HTML>
<HEAD>
<TITLE>Unordered list </TITLE>
</HEAD>
<BODY>
<UL type="square">
<LI>Name</LI>
<LI>Class</LI>
<LI>Sub</LI>
</UL>
</BODY>
</HTML>

आउटपुट:

• ■ Name
• ■ Class
• ■ Sub

In simple words: An unordered list is a bulleted list where the items do not have a specific numerical order, and you can change the bullet style to square, circle, or disc.

🎯 Exam Tip: Clearly write the HTML code and draw the expected output box to show a complete understanding of list tags.

 

Question 2. ऑर्डर्ड लिस्ट को उदाहरण सहित संक्षिप्त में समझाइए।
Answer: ऑर्डर्ड लिस्ट आइटम को क्रमानुसार किसी नंबर्स, लेटर्स अथवा रोमन आदि के रूप में दर्शाता है। इस लिस्ट को बनाने के लिए <OL> टैग का प्रयोग किया जाता है। इसके मुख्य एट्रिब्यूट्स निम्नलिखित हैं:

(i) start: यह ऑर्डर्ड लिस्ट कहाँ से प्रारम्भ हो यह दर्शाता है, जैसे किसी लिस्ट का प्रारम्भ 3 से हो इसके लिए start एट्रिब्यूट का प्रयोग किया जाता है।
(ii) type: यह ऑर्डर्ड लिस्ट की टाइप वैल्यू को दर्शाता है। यह वैल्यू A, a, I, i, 1 आदि स्टाइल में से हो सकती है।

उदाहरण:
<HTML>
<HEAD>
<TITLE>Ordered list </TITLE>
</HEAD>
<BODY>
In simple words: An ordered list is a numbered list where items follow a sequence, and you can customize the starting point and style of numbering.

🎯 Exam Tip: Remember that the 'type' attribute in ordered lists is case-sensitive; 'A' will produce uppercase letters while 'a' will produce lowercase letters.

 

Question 3. डेफिनेशन लिस्ट को समझाइए।
Answer: डेफिनेशन लिस्ट आइटम की लिस्ट और उसके विवरण की लिस्ट होती है, जिसमें लिस्ट का आइटम बाईं तरफ होता है। इस आइटम के विवरण के लिए अगली पंक्ति (Next line) में दाईं ओर एक फॉर्मेट होता है। इसके लिए <DL> टैग का प्रयोग किया जाता है। डेफिनेशन का टाइटल देने के लिए <DT> टैग तथा डेफिनेशन के डिस्क्रिप्शन के लिए <DD> टैग का प्रयोग किया जाता है। यह टैग वेब पेज पर शब्दावली या शब्दकोश जैसी सूचियाँ बनाने के लिए बहुत उपयोगी होता है।

उदाहरण:
<HTML>
<HEAD>
<TITLE>Definition list</TITLE>
</HEAD>
<BODY>
<DL>
<DT><B>Food</B></DT>
<DD>Italian</DD>
<DT><B>Drink</B></DT>
<DD>Juice</DD>
</DL>
</BODY>
</HTML>

आउटपुट:
Food
    Italian
Drink
    Juice
In simple words: डेफिनेशन लिस्ट का उपयोग किसी शब्द और उसकी परिभाषा को व्यवस्थित रूप से दिखाने के लिए किया जाता है, जैसे डिक्शनरी में होता है।

🎯 Exam Tip: परीक्षा में डेफिनेशन लिस्ट का उत्तर लिखते समय <DL>, <DT> और <DD> टैग्स के पूरे नाम (Definition List, Definition Term, Definition Description) और एक छोटा उदाहरण जरूर लिखें।

 

दीर्घ उत्तरीय प्रश्न (5 अंक)

 

Question 1. निम्नलिखित को किसी वेब पेज में कैसे सम्मिलित किया जाता है? समझाइए। [2008, 06]
(i) इमेजेस
(ii) बुलेट्स एवं नम्बर्स।
अथवा
एक वेब पेज में आप चित्रों, बुलेट्स तथा अंकों का समावेश कैसे करेंगे? उदाहरण सहित समझाइए। [2018]
Answer:
(i) बुलेट्स: किसी वेब पेज में बुलेट्स लगाने के लिए अनऑर्डर्ड लिस्ट (<UL>) का प्रयोग किया जाता है। यह तीन प्रकार की बुलेट टाइप प्रदान करती है, जो कि disc, circle तथा square के रूप में हो सकती है। इन टैग्स का सही उपयोग करके हम वेब पेज की पठनीयता को काफी बढ़ा सकते हैं।

उदाहरण:
<HTML>
<HEAD>
<TITLE>Bullets</TITLE>
</HEAD>
<BODY>
<UL type="circle">
<LI>Game</LI>
<LI>Books</LI>
<LI>Cars</LI>
</UL>
</BODY>
</HTML>

आउटपुट:

• Game
• Books
• Cars

(ii) नम्बर्स: किसी वेब पेज में नम्बर्स को दर्शाने के लिए ऑर्डर्ड लिस्ट (<OL>) का प्रयोग किया जाता है। इसके लिए ऑर्डर्ड लिस्ट दो मुख्य एट्रिब्यूट start तथा type प्रदान करती है। start एट्रिब्यूट किसी लिस्ट का प्रारम्भ नम्बर दर्शाता है तथा type एट्रिब्यूट लिस्ट के टाइप को दर्शाता है।

उदाहरण:
<HTML>
<HEAD>
<TITLE>Numbers</TITLE>
</HEAD>
<BODY>
<OL type="1" start="4">
<LI>Game</LI>
<LI>Books</LI>
<LI>Cars</LI>
</OL>
</BODY>
</HTML>

आउटपुट:

4. Game
5. Books
6. Cars

In simple words: वेब पेज पर लिस्ट बनाने के लिए HTML में दो मुख्य टैग्स होते हैं। बिना नंबर वाली लिस्ट (बुलेट्स) के लिए <ul> और नंबर वाली लिस्ट के लिए <ol> टैग का उपयोग किया जाता है।

🎯 Exam Tip: परीक्षा में HTML कोड लिखते समय सभी टैग्स को सही क्रम में बंद करना न भूलें और महत्वपूर्ण एट्रिब्यूट्स जैसे type और start को स्पष्ट रूप से दर्शाएं ताकि पूरे अंक मिल सकें।

 

Question 2. एक वेब पेज में ग्राफिक्स (चित्र) का समावेश कैसे किया जाता है? [2007]
Answer: किसी वेबसाइट को आकर्षक बनाने के लिए वेब पेज पर टेक्स्ट के अतिरिक्त इमेज आदि का भी महत्त्व है। इसके लिए HTML में <IMG> टैग उपलब्ध है। यह gif, jpg, jpeg आदि फॉर्मेट की इमेज को सपोर्ट करता है। <IMG> टैग एक एम्प्टी एलिमेंट है, अतः इसका क्लोजिंग टैग नहीं होता। इस टैग के निम्नलिखित एट्रिब्यूट्स हैं:
(i) src: यह इमेज की लोकेशन अर्थात् URL को दर्शाता है। जैसे: <IMG src="abc.jpg">
(ii) alt: इसे इमेज के अल्टरनेटिव टेक्स्ट के रूप में प्रयोग किया जाता है। alt एट्रिब्यूट की वैल्यू 1024 कैरेक्टर्स की एक स्ट्रिंग तक हो सकती है। जैसे: <IMG alt="New image">
(iii) align: इमेज को वेब पेज पर सेट करने के लिए एलाइनमेण्ट की आवश्यकता होती है, align एट्रिब्यूट द्वारा इमेज को Top, Bottom, Left, Right, Middle में सेट किया जा सकता है। जैसे: <IMG align="left/right/top/bottom/middle">
(iv) hspace तथा vspace: इन एट्रिब्यूट्स द्वारा इमेज के चारों ओर स्पेस दिया जाता है। hspace द्वारा क्षैतिज तथा vspace द्वारा ऊर्ध्वाधर स्थान दिया जाता है। जैसे: <IMG border="2">
(v) border: यह एट्रिब्यूट इमेज का बॉर्डर सेट करने के लिए प्रयोग होता है। जैसे: <IMG border="2">
(vi) height तथा width: किसी इमेज की हाइट तथा विड्थ को सेट करने के लिए इस फीचर का प्रयोग होता है। जैसे: <IMG height="10" width="5">

उदाहरण:
<HTML>
<HEAD>
<TITLE> IMAGE PAGE </TITLE>
</HEAD>
<BODY>
<IMG src="flower.jpg" alt="flower wallpaper" align="top" vspace="12" border="10" width="10" height="10">
</BODY>
</HTML>
In simple words: We use the <IMG> tag to add pictures to a webpage. It is an empty tag, meaning it does not need a closing tag, and we can customize the image using attributes like src, height, and width.

🎯 Exam Tip: Always remember that <IMG> is an empty tag and does not require a closing tag. Clearly list at least 3-4 attributes like src, alt, height, and width with examples to secure full marks.