NCERT Class 10 Social Information Technology Chapter 7 HTML में तालिकाओं के साथ कार्य करना
NCERT Solutions for Class 10 Foundation of Information Technology Chapter 7 HTML में तालिकाओं के साथ कार्य करना
अति लघु उत्तरीय प्रश्न [प्रत्येक 1 अंक]
प्रश्न 1.
<table> टैग के साथ उपयोग किए जाने वाले टैग के नाम बताइए।
उत्तर: <tr>,<td>,<th> और <caption> टैग <table> टैग के साथ उपयोग किए जाते हैं।
प्रश्न 2.
<table> टैग की बॉर्डर विशेषता का वर्णन कीजिए।
उत्तर: बॉर्डर विशेषता का उपयोग टेबल के चारों ओर बॉर्डर की मोटाई निर्धारित करने के लिए किया जाता है।
प्रश्न 3.
बॉर्डरकलर विशेषता का उपयोग क्यों किया जाता है?
उत्तर: बॉर्डरकलर विशेषता का उपयोग तालिका की बॉर्डर का रंग निर्दिष्ट करने के लिए किया जाता है।
प्रश्न 4.
फ़्रेम विशेषता में निर्दिष्ट किन्हीं दो मानों के नाम बताइए।
उत्तर: फ़्रेम विशेषता के लिए निर्दिष्ट किए जा सकने वाले मान void और उससे ऊपर हैं।
प्रश्न 5.
कौन सी विशेषता आपको तालिका के चयनित बॉर्डर पक्षों के प्रदर्शन को नियंत्रित करने देती है?
उत्तर: फ़्रेम विशेषता तालिका के चयनित बॉर्डर पक्षों को प्रदर्शित करती है।
प्रश्न 6.
<table> टैग के rules attribute में कितने मान निर्दिष्ट किए जा सकते हैं?
उत्तर: rules attribute के लिए कुल पाँच मान निर्दिष्ट किए जा सकते हैं।
प्रश्न 7.
सेलस्पेसिंग को परिभाषित करें।
उत्तर: सेलस्पेसिंग का उपयोग तालिका में विभिन्न कोशिकाओं के बीच स्थान बनाने के लिए किया जाता है।
प्रश्न 8.
दो तालिका विशेषताओं के नाम बताइए, जिनका उपयोग तालिका कक्षों में और उनके बीच रिक्ति निर्धारित करने के लिए किया जाता है।
उत्तर: सेलस्पेसिंग और सेलपैडिंग वे विशेषताएँ हैं, जिनका उपयोग तालिका कक्षों में और उनके बीच रिक्ति निर्धारित करने के लिए किया जाता है।
प्रश्न 9.
<table> टैग में align attribute का क्या उपयोग है?
उत्तर: align attribute <tabie> टैग के केंद्र, दाएं या बाएं संरेखण को परिभाषित करता है।
प्रश्न 10.
valign विशेषता में उपयोग किए जा सकने वाले मानों के नाम बताइए।
उत्तर: valign विशेषता में उपयोग किए जा सकने वाले मान शीर्ष, मध्य और निचला हैं।
प्रश्न 11.
valign विशेषता का उपयोग क्यों किया जाता है? CBSE 2005
उत्तर:
valign विशेषता का उपयोग <td> टैग के साथ किया जाता है जो एकल सेल में डेटा को संरेखित करने में मदद करता है यदि सेल एक से अधिक पंक्तियों में फैला हो।
प्रश्न 12.
align attribute का प्रयोग किस tag के साथ किया जाता है?
उत्तर:
align attribute का प्रयोग <td> tag और <table> tag दोनों के साथ किया जाता है।
प्रश्न 13.
कॉलम को शीर्षक देने के लिए किस टैग का उपयोग किया जाता है?
उत्तर: <th> टैग का उपयोग किसी तालिका कॉलम के लिए केवल एक बार तालिका शीर्षक प्रदर्शित करने के लिए किया जाता है।
प्रश्न 14.
कौन से टैग HTML टेबल को कई खंडों में विभाजित करते हैं?
उत्तर: <thead>, <tfoot> और <tbody>
प्रश्न 15.
<thead> और <tfoot> टैग में क्या अंतर है?
उत्तर: <thead> टैग का उपयोग तालिका में हेडर जोड़ने के लिए किया जाता है, जबकि <tfoot> टैग का उपयोग तालिका में फ़ुटर जोड़ने के लिए किया जाता है।
प्रश्न 16.
क्या आप टेबल सेल के अंदर हाइपरलिंक डाल सकते हैं?
उत्तर: हाँ, टेक्स्ट के बावजूद, हमें बस <td> और </td> टैग के बीच एंकर टैग डालना होता है।
उदाहरण के लिए,
<td>
<a href = “www.google.com”>link </a></td>.
लघु उत्तरीय प्रश्न
प्रश्न 1.
टेबल क्या है? टेबल बनाने के लिए बुनियादी कमांड्स के नाम बताइए।
उत्तर: टेबल्स पंक्तियों और स्तंभों से बनी होती हैं। HTML में, टेबल्स का उपयोग वेब पेजों में सारणीबद्ध डेटा प्रदर्शित करने के लिए किया जाता है। टेबल बनाने के लिए बुनियादी कमांड्स इस प्रकार हैं:
टेबल टैग्स <table> </table>,
रो टैग्स <tr> </tr>,
सेल टैग्स <td> </td>, <th> </th> और कैप्शन टैग्स <caption> </caption>।
प्रश्न 2.
बॉर्डर विशेषता से आपका क्या तात्पर्य है?
उत्तर: पृष्ठ संख्या 156 पर पाठ देखें।
प्रश्न 3.
5px बॉर्डर वाली तालिका प्रदर्शित करने के लिए HTML कोड लिखें।
उत्तर:
<html><body>
<table बॉर्डर = "5">
<tr><td>l</td></tr>
<tr><td>2</td></tr>
</table> „
</body></html >प्रश्न 4.
नियम विशेषता के विभिन्न मानों का वर्णन कीजिए।
उत्तर: पृष्ठ संख्या 157 पर दिए गए पाठ का संदर्भ लीजिए।
प्रश्न 5.
HTML तालिका में सेलस्पेसिंग और सेलपैडिंग के बीच अंतर बताइए।
उत्तर: सेलपैडिंग और सेलस्पेसिंग के बीच अंतर इस प्रकार हैं:
प्रश्न 6.
<table> टैग की उन विशेषताओं के नाम बताइए जिनका उपयोग वेब पेज में उसके आयाम निर्दिष्ट करने के लिए किया जाता है।
उत्तर: <table> टैग की चौड़ाई और ऊँचाई विशेषताओं का उपयोग वेब पेज में उसके आयाम निर्दिष्ट करने के लिए किया जाता है। चौड़ाई और ऊँचाई को ब्राउज़र विंडो के पिक्सेल या प्रतिशत के रूप में निर्दिष्ट किया जाता है।
प्रश्न 7.
<table> टैग की width विशेषता की व्याख्या कीजिए।
उत्तर: width विशेषता का उपयोग तालिका की पूर्ण चौड़ाई निर्धारित करने के लिए किया जाता है। width विशेषता के मान पिक्सेल या ब्राउज़र विंडो के प्रतिशत में हो सकते हैं, उदाहरण के लिए
<table width = " 150">
<tr><td>सेल</td><td>सेल2</td></tr>
<tr><td>सेल</td><td>सेल4</td></tr>
</tab1e>प्रश्न 8.
सारांश विशेषता का क्या कार्य है?
उत्तर: <table> टैग की सारांश विशेषता का उपयोग किसी तालिका के बारे में विस्तृत जानकारी प्रदान करने के लिए किया जाता है। यह उपयोगकर्ता को यह जानने में सक्षम बनाता है कि तालिका में किस प्रकार की जानकारी है। यह गैर-दृश्य ब्राउज़रों तक पहुँच प्रदान करने के लिए उपयोगी है, जिनका उपयोग दृष्टिबाधित उपयोगकर्ता करते हैं, जैसे
<table summary="text">
प्रश्न 9.
डेटा सेल क्या है? <table> टैग का नाम बताइए, जिसका उपयोग डेटा सेल के रूप में किया जाता है।
उत्तर: डेटा सेल, तालिका के उस सेल को परिभाषित करता है जिसमें डेटा होता है। तालिका डेटा सेल को <table> टैग के <td> टैग से कोडित किया जाता है। यहाँ, td का अर्थ है टेबल डेटा। तालिका डेटा सेल की सामग्री सामान्य और बाईं ओर संरेखित होती है।
प्रश्न 10.
रोस्पैन और कॉलस्पैन विशेषताओं का उपयोग क्यों किया जाता है?
उत्तर: कभी-कभी, एक टेबल सेल दूसरे से बड़ा होता है। इसका फैलाव ज़्यादा पंक्तियों या स्तंभों तक फैला होता है। ऐसे सेल रोस्पैन और कॉलस्पैन विशेषताओं की मदद से बनाए जा सकते हैं।
प्रश्न 11.
कौन से एट्रिब्यूट्स आप <table> टैग के साथ इस्तेमाल कर सकते हैं लेकिन <tr> टैग के साथ नहीं?
उत्तर: summary, rules, frame,*, border, cellpadding, cellspacing, height, width और bordercojor वे एट्रिब्यूट्स हैं जिनका इस्तेमाल आप <table> टैग के साथ कर सकते हैं लेकिन <tr> टैग के साथ नहीं।
प्रश्न 12.
<th> और <tr> टैग को परिभाषित करें। क्या ये दोनों टैग समान हैं? यदि हाँ, तो कैसे?
उत्तर: <th> टैग का अर्थ है टेबल हेडर। इसका उपयोग हमारी तालिका में विभिन्न स्तंभों को शीर्षक देने के लिए किया जाता है। <tr> टैग का अर्थ है टेबल रो। इसका उपयोग तालिका में एक पंक्ति बनाने के लिए किया जाता है। <th> और <tr> टैग समान नहीं हैं। <th> टैग, <td> टैग के समान है। चूँकि, <th> एक डेटा सेल को भी परिभाषित करता है, जिसे स्तंभों के शीर्षक के रूप में लिया जाता है और डेटा बोल्ड होता है।
प्रश्न 13.
हेडर सेल क्या है? <table> टैग का नाम बताइए, जिसका उपयोग हेडर सेल के रूप में किया जाता है।
उत्तर: टेबल हेडर सेल को <th> टैग से कोडित किया जाता है। यह टेबल के हेडर को निर्दिष्ट करता है और टेबल की सामग्री को हेडिंग शैली में प्रदर्शित करता है। टेबल हेडर सेल की सामग्री बोल्ड में और सेल के भीतर क्षैतिज रूप से केंद्रित होती है।
प्रश्न 14.
टेबल सेक्शन क्या होते हैं? इन्हें कैसे बनाया जा सकता है?
उत्तर: HTML टेबल में तीन अलग-अलग सेक्शन होते हैं: हेडर, बॉडी और फ़ुटर। ये सेक्शन <thead> (हेडर सेक्शन), <tbody> (बॉडी सेक्शन) और <tfoot> (फ़ुटर सेक्शन) टैग का इस्तेमाल करके बनाए जा सकते हैं।
जैसे
<table>
<thead>
<tr> <th> महीना</th><th> बचत</th></tr> </thead>
<tbody>
<tr><td> जनवरी</td><td>$100</td></tr>
<tr><td> फ़रवरी</td><td>$80</td></tr>
</tbody>
<tfoot>
<tr><td> राशि</td><td>$180</td></tr>
</tfoot>
</tab1e>प्रश्न 15.
HTML में निम्नलिखित कार्य करने के लिए उपयोग की जाने वाली विशेषताओं के नाम बताइए:
- दो या अधिक पंक्तियों को मर्ज करें.
- तालिका में कक्षों का पृष्ठभूमि रंग बदलें।
- सेल सामग्री को लंबवत संरेखित करें.
- दो या अधिक स्तंभों को मर्ज करें.
उत्तर:
- रोस्पेन
- बैकग्राउंड कलर
- वेलिजन
- कॉल्सपन
प्रश्न 16.
निम्नलिखित के लिए प्रयुक्त विशेषताओं के नाम बताइए:
- सेल की चौड़ाई निर्धारित करना.
- सेल की पृष्ठभूमि छवि सेट करना.
- सेल का पृष्ठभूमि रंग सेट करना.
- सेल अवधि को बदलना.
उत्तर:
- चौड़ाई
- पृष्ठभूमि
- बैकग्राउंड कलर
- रोस्पैन और कॉलस्पैन
दीर्घ उत्तरीय प्रश्न [प्रत्येक 5 अंक]
प्रश्न 1.
नीचे दी गई तालिका बनाने के लिए HTML कोड लिखें:
उत्तर: HTML कोड है
<html>
<body>
<table border="3">
<tr align = "center" val i gn = "middle"> <th> ADMNO </th>
<th>SNAME</th>
<th>NAME</th>
<th>DOB</th>
</tr>
<tr align="left" valign="bottom">
<td>1110</td>
<td>MANJIT</td>
<td>RANJIT</td>
<td>4-MAR-1998</td>
</tr>
</table>
</body>
</html>प्रश्न 2.
फ़्रेम विशेषता और उसके विभिन्न मानों की व्याख्या कीजिए।
उत्तर: पृष्ठ संख्या 157 पर दिए गए पाठ का संदर्भ लें।
प्रश्न 3.
निम्नलिखित तालिका बनाने के लिए एक HTML कोड लिखें:
नोट: पहली पंक्ति में हरे रंग की पृष्ठभूमि है
उत्तर: HTML कोड है
<html>
<body>
<table border="2" align="left"> <thead bgcolor="green">
<tr>
<td>रोल नंबर</td>
<td>नाम</td>
<td>कक्षा</td>
</tr></thead>
<tbody>
<tr>
<td> 100 </td>
<td> अमित </td>
<td> 10 A </td>
</tr>
<tr> <td>
101 </td>
<td> अंकित </td>
<td> 10 B </td>
</tr>
</tr>
<td> 102 </td>
<td> अर्नब </td>
<td> 10C </td>
</tr>
</tbody>
<tfoot>
<tr>
<td> पाद लेख 1 </td>
<td> पाद लेख 2 </td>
<td> पाद लेख 3 </td>
</tr>
</tfoot>
</table>
</body>
</html>प्रश्न 4.
HTML तालिका में <tr> टैग का क्या उपयोग है? एक उपयुक्त उदाहरण दीजिए।
उत्तर: <tr> टैग HTML तालिका में एक तालिका पंक्ति बनाता है। एक तालिका में कम से कम एक पंक्ति होनी चाहिए और आप जितनी चाहें उतनी पंक्तियाँ रख सकते हैं। एक तालिका पंक्ति तालिका कक्षों में विभाजित होती है। एक तालिका में प्रत्येक पंक्ति में कम से कम एक तालिका कक्ष होना चाहिए।
उदाहरण
<html>
CheadXtitle> TR टैग </title></head>
<body>
<table border = "1" cellpadding =”3">
<tr>
<th> शीर्ष 1 </th>
<th> शीर्ष 2 </th>
<th> शीर्ष 3 </th>
</tr>
<tr>
<td> A </td>
<td> B </td>
<td> C </td>
</tr>
<tr>
<td> D </td>
<td> E </td>
<td> F </td>
</tr>
</table>
</body>
</html>
आउटपुट

प्रश्न 5.
क्या आप HTML टेबल्स में इवेंट हैंडलिंग कर सकते हैं? यदि हाँ, तो समझाएँ।
उत्तर: हाँ, स्पष्टीकरण के लिए पृष्ठ संख्या 36 देखें।
प्रश्न 6.
निम्नलिखित तालिका को देखिए और इसे बनाने के लिए HTML कोड लिखिए:
नोट: पहली पंक्ति की पृष्ठभूमि गुलाबी है।
उत्तर: HTML कोड है
<html>
<body>
<table border = "1">
<tr bgcolor = "pink" align = "center">
<th>प्रश्न< /th >
<th>अंक</th></tr>
<tr><td rowspan = "3">l</td>
<td>2</td>
</tr>
<tr>
<td>2</td>
</tr>
<tr>
<td>5</td>
</tr>
</table>
</body>
</html>प्रश्न 7.
निम्नलिखित तालिका का अवलोकन करें और इसे बनाने के लिए HTML कोड लिखें:
उत्तर: HTML कोड है
<html>
<body>
<table cell padding = "10"
cell spacing="0" border="l">
<tr align = "center">
<th>Periodl</th>
<th >Period2 </th >
</tr>
<tr align = "center">
<td>
गणित </td>
<td>विज्ञान </td>
</tr> <tr align="center"> <td>
अंग्रेजी</td >
<td>SST</td>
</tr>
<tr align="center">
<td> विज्ञान< /td >
<td>SST</td>
</tr>
</table>
</body>
</html>
प्रश्न 8.
निम्नलिखित टैग्स के लिए दो-दो विशेषताओं के नाम लिखें: CBSE 2013
- <घंटा>
- <शरीर>
- <img>
- <तालिका>
- <a>
उत्तर:
प्रश्न 9.
पहचानें कि निम्नलिखित में से कौन सा टैग या विशेषता है? सीबीएसई 2014
- जोड़ना
- मेज़
- संरेखित
- href
- बीआर
उत्तर:
- लिंक — विशेषता
- तालिका — टैग
- संरेखित करें — विशेषता
- href— विशेषता
- br — टैग
प्रश्न 10.
वेब पेज पर निम्नलिखित तालिका बनाने के लिए HTML कोड लिखें, जिसकी सामग्री और संरेखण बिल्कुल नीचे दिखाए अनुसार हो:
उत्तर: HTML कोड है
<html>
<body)
<table border="l" width = "400”>
<tr align="right">
<th>MOVTD</th>
<th>MOVNAME</th>
<th>एक्टर्स</th
> </tr>
<tr align="1eft">
<td>M001</td>
<td>हिट फैक्ट्री</td>
<td>4</td>
</tr></table></body>
</html>प्रश्न 11.
निम्नलिखित तालिका बनाने के लिए HTML कोड लिखें, जिसमें सामग्री ठीक उसी प्रारूप में हो जैसा कि तालिका में दिखाया गया है:
उत्तर: HTML कोड है
<html Xbody>
<table border="l">
<tr>
<th colspan="4" align="center">शॉपिंग मॉल/थ ></tr>
<tr align = "center"
<td>फ़्लोर</td>
<td>खिलौनों की दुकानों की संख्या</td
> <td>खाद्य दुकानों की संख्या</td>
<td>खेल दुकानों की संख्या</td >
</tr>
</table>
</body></html >प्रश्न 12.
निम्नलिखित सामग्री वाली एक तालिका बनाने के लिए संपूर्ण <TABLE>…</TABLE> टैग लिखें। सुनिश्चित करें कि प्रत्येक डेटा सेल की पृष्ठभूमि का रंग संबंधित स्तंभ शीर्षक में निर्दिष्ट रंग के अनुसार हो।
उत्तर:
<table)
<caption>रंग</caption)
<tr>
<th>लाल</th>
<th>हरा </th
> <th>नीला
</tl> <th>नारंगी</th)
<th>सियान </th>
</tr>
<tr)
<td bgcolor=" red" width=
"100" height="50"></td> <td bgcolor="green" width="100 " height="50"></td>
<td bgcolor="blue" width="100" hei ght="50"></td>
<td bgcolor="orange" width="100" hei ght="50"></td> .
<td bgcolor="cyan" width="100" height="50"></td>
</tr>
</table>प्रश्न 13.
निम्नलिखित तालिका का अवलोकन करें और इसे बनाने के लिए HTML कोड लिखें:
उत्तर: HTML कोड है:
<html>
<body> <basefont face="cambria">
<table border="l" bordercolor="black" cel 1spacing="0" width="320">
<caption> कक्षाएं </caption>
<tr>
<td rowspan="3"> सीनियर स्कूल </td>
<td> गणित क्लब </td>
</tr>
<tr>
<td> रोबोटिक्स क्लब </td>
</tr>
<tr>
<td> फोटोग्राफी </td>
</tr>
<tr>
<td rowspan="3"> मिडिल स्कूल </td>
<td> जिम्नास्टिक </td>
</tr>
<tr>
<td> योग </td>
</tr>
<tr>
<td> कंप्यूटर क्लब </td>
</tr>
<tr>
<td rowspan="3"> प्राथमिक विद्यालय </td> <td> नृत्य </td>
</tr>
<tr>
<td> गायन संगीत </td>
</tr>
<tr>
<td> तैराकी </td> </tr>
</table>
</body>
</html>अनुप्रयोग उन्मुख प्रश्न
प्रश्न 1.
निम्नलिखित वेब पेज बनाने के लिए HTML कोड लिखें:

नोट: वेब पेज बनाते समय निम्नलिखित बिंदुओं पर ध्यान दें:
- लिंक का रंग हरा, सक्रिय लिंक का रंग नीला और देखे गए लिंक का रंग लाल है।
- पेज का शीर्षक है “स्वस्थ खाओ, स्वस्थ रहो”।
- पृष्ठ का शीर्षक मैरून रंग का है।
- छवि का उपयोग “Restaurant.jpg” में किया गया है
- तालिका का कैप्शन नीला है
- टेबल का बॉर्डर नीला है और इसका आकार 2 है।
- ये लिंक 1.html, 2.html, 3.html और 4.html हैं।
- हमसे संपर्क करने के लिए ई-मेल आईडी ' abc@xyz.com ' है।
उत्तर: HTML कोड है
<htm!>
<head>
<title>स्वस्थ खाएं, स्वस्थ रहें</title>
</head>
<body link="green" alink="blue" vlink="red"> <center>
<hl>
<font color="maroon">खाओ पियो रेस्तरां</font>
</hl>
</center>
<img src=“Restaurant.jpg" a1ign ="right" height="255" width="250”>
के लिए जानकारी एकत्र करें।
<ul> < li >< a href=" one.html ">मेनू</a></li >
<liXa href="two.html ">आरक्षण</a>
</li> < liXa href=" three.html ">खानपान</a></l i>
<li>
<a href="four.html ”>भ्रमण</a>
</li>
</ul>
<center>
<table border ="2" bordered or=''bl ue”> <font color="blue">
<caption> उपलब्ध मेनू हैं </caption>
</font>
<tr>
<td> 1 </td> <td> भारतीय </td>
</tr>
<tr>
<td> 2 </td> <td> इतालवी </td>
</tr>
<tr>
<td> 3 </td> <td> कॉन्टिनेंटल </td> </tr>
<tr>
<td> 4 </td> <td> थाई </td>
</tr>
< /tab1e>
</center>
<br>
अधिक जानकारी और आरक्षण के लिए <a href=''mai 1 to: abc@xyz.com ">
हमसे संपर्क करें</a>
</body></html>
प्रश्न 2.
यदि आप टाइप करते हैं
<table border="2">
<tr align="center”>
<th> रवि
<th> सोम <th> मंगल
<th>
बुध
<th>
गुरु <th> शुक्र
<th> शनि
</tr>
<tr align = "1eft">
<td col span = "3" >
<td> 1
</td> <td> 2 </td>
<td> 3 </td>
<td> 4 </td>
</tr>
</table>
आउटपुट कैसा दिखेगा?
उत्तर: आउटपुट ऐसा दिखेगा

प्रश्न 3.
निम्नलिखित आउटपुट उत्पन्न करने के लिए HTML कोड लिखें:

उत्तर: HTML कोड है
<html>
<head>
<ti tl e>तालिका</title> </head>
<body>
<
table border="4" cell spacing=''7” cell spacing="5">
<tr>
<td>A</td>
<td rowspan="2">B</td>
<td>D</td> <td>E</td>
</tr>
<tr>
<td>G</td> <td col span="2">H</td>
<td>I</td>
</tr>
</table>
</body>
</html>
प्रश्न 4.
निम्नलिखित तालिका को प्रिंट करने के लिए HTML कोड लिखें:

उत्तर:
<caption>
<b>
<font size="4'' color="red">
छात्र डेटा </font>
</b>
</caption>
<tr >
<th>छात्र का नाम</th >
<th>रोली नंबर</th>
<th>पता</th>
<th>अंक</th>
</tr>
<tr>
<td>अमृता</td>
<td>l</td>
<td>शास्त्री नगर</td>
<td>483</td>
</tr>
<tr> <td>
तरुणा </td>
<td>2</td>
<td>टीपी नगर</td>
<td>4l8</td>
</tr>
<tr>
<td>प्रियंका</td>
<td>3</td>
<td>साकेत</td>
<td>489</td>
</tr>
</table>
</body>
</html>
प्रश्न 5. नीचे दिए गए वेब पेज का ध्यानपूर्वक अध्ययन करें। इस वेब पेज को बनाने में उपयोग किए गए 10 टैग (स्ट्रक्चरल और फ़ॉर्मेटिंग टैग) पहचानें और उनमें से प्रत्येक का उपयोग लिखें।

उत्तर:
- <title> वेब पेज का शीर्षक निर्दिष्ट करने के लिए.
- <body> में वेब पेज पर प्रदर्शित होने वाली सभी सामग्री और सभी विभिन्न स्वरूपण और संरचनात्मक टैग शामिल होते हैं।
- <ul> का उपयोग अव्यवस्थित सूची बनाने के लिए किया जाता है।
- <li> किसी सूची में विभिन्न सूची आइटम निर्दिष्ट करने के लिए.
- <caption> तालिका को कैप्शन प्रदान करने के लिए.
- <table> का उपयोग HTML दस्तावेज़ में तालिका बनाने के लिए किया जाता है।
- <tr> का अर्थ है टेबल पंक्ति, जिसका उपयोग टेबल पंक्ति बनाने के लिए किया जाता है।
- <td> का अर्थ है टेबल डेटा, यह HTML टेबल में सेल्स बनाने में मदद करता है।
- <img> का उपयोग HTML दस्तावेज़ में छवि सम्मिलित करने के लिए किया जाता है।
- <a> का अर्थ है एंकर टैग। जिस वेब पेज को आप हाइपरलिंक करना चाहते हैं, उसका संदर्भ प्रदान करने के लिए href विशेषता का उपयोग करें।
प्रश्न 6.
निम्नलिखित वेब पेज का अवलोकन करें और इसे बनाने के लिए HTML कोड लिखें:

नोट: वेब पेज बनाते समय निम्नलिखित बिंदुओं का ध्यान रखें:
- पृष्ठ का पृष्ठभूमि रंग पीला है.
- लिंक का रंग i^.काला है और देखे गए लिंक का रंग हरा है।
- पृष्ठ के लिए फ़ॉन्ट शैली एरियल है।
- पृष्ठ का शीर्षक मैरून रंग का है।
- प्रयुक्त छवि mainrhino.jpg है।
- तालिका बॉर्डर 2px है.
- लिंक का उपयोग इस प्रकार करें: For Whooping Crane as one.html
सफेद गैंडे के लिए 2.html,
सुमात्रा गैंडे के लिए 3.html,
टूकेन के लिए 4.html
8. नीचे दिए गए संदेश के लिए ईमेल आईडी abc@xvz.com है।
उत्तर:
HTML कोड है <html>
<body bgcolor=”yel1ow” 1ink=”black” vlink=”green”>
<basefont face=”arial”>
<hl align=”center”>
<font col or=”niaroon”>भारतीय गैंडा</fontX/hl>
<img src=”mainrhino.jpg” align=”right” height=”100″ width=”110″>
भारतीय गैंडे मुख्य रूप से उत्तरी भारत और नेपाल में रहते हैं। इन विशाल जानवरों में अपने अफ्रीकी रिश्तेदारों से कुछ स्पष्ट शारीरिक अंतर हैं। उनकी खंडित खाल प्राकृतिक शरीर कवच के एक दुर्जेय आवरण जैसी दिखती है। यह कुछ हद तक एक गैंडे की तरह काम भी करता है। मोटी खाल की "प्लेटों" के बीच की लचीली त्वचा गैंडे के हिलने पर उन्हें हिलने-डुलने में मदद करती है।
<br><br>
अन्य लुप्तप्राय जानवर:
<ul>
<1i>
<a href="one. html ">हूपिंग क्रेन</a></li>
<1i>
<a href=" two. html ">सफ़ेद गैंडा</a>/1i >
<1i>
<a href="three. html ">सुमात्रा गैंडा</a>
</li>
<1i> <a href="four. html ">
टूकेन</a>
</1i> </ul>
<table border="2" align="center">
<capti on>तेज़ तथ्य</capti on><tr><td>प्रकार</td>
<td>स्तनपायी </td>
</tr>
<tr>
<td>आहार
</td> <td > FIerbivore< /td >
</tr>
<tr>
<td>जंगल में औसत जीवन काल</td>
<td>40 वर्ष</td>
</tr>
<tr> .
<td>आकार</td>
<td>लंबाई 12.5 फीट; ऊंचाई 6 फीट तक</td>
</tr>
<tr>
<td>वजन</td>
<td>4,400 पाउंड (2,000 किलोग्राम)</td
> </tr>
</table>
<br> <a href=" mailto: abc@xyz.com ">
अधिक जानकारी के लिए</a>
</body>
</html>
प्रश्न 7.
नीचे दिए गए वेब पेज का ध्यानपूर्वक अध्ययन करें। इस वेब पेज को बनाने में उपयोग किए गए 10 टैग (स्ट्रक्चरल और फ़ॉर्मेटिंग टैग) पहचानें और उनमें से प्रत्येक का उपयोग लिखें।

उत्तर:
- .<title> वेब पेज का शीर्षक निर्दिष्ट करने के लिए.
- <body> में वेब पेज पर प्रदर्शित होने वाली सभी पाठ्य सामग्री और सभी विभिन्न स्वरूपण और संरचनात्मक टैग शामिल होते हैं।
- <hl> सबसे महत्वपूर्ण और सबसे बड़ा शीर्षक परिभाषित करता है।
- <hr> का उपयोग सामग्री को अलग करने (या परिवर्तन को परिभाषित करने) के लिए किया जाता है।
- <img> का उपयोग छवि सम्मिलित करने के लिए किया जाता है।
- <b> का प्रयोग पाठ को बोल्ड करने के लिए किया जाता है।
- <table> का उपयोग तालिका बनाने के लिए किया जाता है।
- <caption> का उपयोग तालिका को कैप्शन प्रदान करने के लिए किया जाता है।
- <tr> का उपयोग तालिका पंक्ति बनाने के लिए किया जाता है।
- <td> का उपयोग डेटा कोशिकाओं को परिभाषित करने के लिए किया जाता है।
प्रश्न 8.
निम्नलिखित वेब पेज का अवलोकन कीजिए और इसे बनाने के लिए HTML कोड लिखिए। वेब पेज बनाते समय निम्नलिखित बातों का

ध्यान रखें :
- पृष्ठ का शीर्षक है “स्वच्छता”
- लिंक का रंग हरा है.
- पृष्ठ के लिए फ़ॉन्ट शैली एरियल है।
- पृष्ठ का शीर्षक मैरून रंग का है।
- प्रयुक्त छवि clean.jpg है।
- तालिका की सीमा 2px है और सीमा का रंग लाल है।
- नीचे दिए गए संदेश का लिंक contact.html है।
उत्तर: HTML कोड है
<html>
<head> <title> स्वच्छता </title> </head>
<body 1ink="green"> <basefont face="arial">
<hl><font col or="maroon"> <center> स्वच्छता का महत्व </'center></font></hl> <hr>
<img src="clean.jpg" align="left” height="120" width="80"><p align="justify">
स्वच्छता कोई ऐसा काम नहीं है जिसे हमें जबरदस्ती करना चाहिए। यह एक अच्छी आदत है और हमारे स्वस्थ जीवन का स्वस्थ तरीका है। हमारे अच्छे स्वास्थ्य के लिए सभी प्रकार की स्वच्छता बहुत आवश्यक है चाहे वह व्यक्तिगत स्वच्छता हो, आसपास की स्वच्छता हो, पर्यावरण की स्वच्छता हो, पालतू जानवरों की स्वच्छता हो या कार्यस्थल की स्वच्छता (जैसे स्कूल, कॉलेज, कार्यालय, आदि)। हम सभी को अपने दैनिक जीवन में स्वच्छता बनाए रखने के बारे में अत्यधिक जागरूक होना चाहिए।
</p> <br>
<0l> पर्यावरण को प्रभावित करने वाले कारक <hr width="240" a 1 i gn=” 1 ef t" >
<1i> औद्योगिक गतिविधियाँ <1i> वाहन <li> तीव्र शहरीकरण और औद्योगीकरण <li> जनसंख्या वृद्धि
</ol>
<table border="2" align="center" borderedor="red" width="600">
<caption> प्रभाव </caption>
<tr> <td> जल प्रदूषण कई असाध्य रोगों का कारण बन रहा है। </td> </tr>
<tr> <td> वायु प्रदूषण के कारण फुफ्फुसीय तपेदिक और थ्रोमोसिस और विभिन्न प्रकार की मस्तिष्क और हृदय संबंधी जटिलताओं के मामले बढ़ रहे हैं। </td> </tr>
<tr> <td> डिजिटल मीडिया < /td></tr>
<tr> <td> मृदा प्रदूषण का कृषि उत्पादन अनुपात पर नकारात्मक प्रभाव पड़ सकता है। </td> </tr>
<tr> <td> ध्वनि प्रदूषण का श्रवण या श्रवण इंद्रियों पर नकारात्मक प्रभाव पड़ता है। </td>
</tr> <tr> <td> तापीय प्रदूषण पर्यावरण के तापमान को बढ़ा रहा है। </td> </tr>
</tab1e>
<hr><center> अधिक जानकारी के लिए <ah ref=" contact.h tml"> ClickHere </a> </center>
</body>
</html>
बहुविकल्पीय प्रश्न [प्रत्येक 1 अंक]
प्रश्न 1.
इनमें से कौन से टैग टेबल से संबंधित हैं? CBSE 2016
(a) <thead>,<body>,<tr>
(b) <table>,<head>,<tfoot>
(c) <table>,<tr>,<td>
(d) <table>,<tr>,<tt>
उत्तर: (c),<table>,<tr>, <td> टैग टेबल के साथ उपयोग किए जाते हैं।
प्रश्न 2.
निम्नलिखित में से कौन सा टैग तालिका को कैप्शन देता है?
(a) <caption>
(b) < summary >
(c) < frame >
(d) इनमें से कोई नहीं
उत्तर: (a) <caption> टैग का उपयोग तालिका को कैप्शन देने के लिए किया जाता है।
प्रश्न 3.
निम्नलिखित में से किसका उपयोग तालिका की पंक्ति की शुरुआत निर्दिष्ट करने के लिए किया जाता है?
(a) <table>
(b) <tr>
(c) <row>
(d) <begin>
उत्तर: (b) <tr> टैग तालिका की पंक्ति की शुरुआत को इंगित करता है।
प्रश्न 4.
पंक्ति के लिए HTML टैग है
(a) <colspan>
(b) <tr>
(c) <rowspan>
(d) <td>
उत्तर: (b) पंक्ति के लिए HTML टैग <tr> है।
प्रश्न 5.
तालिकाओं में कॉलम जोड़ने के लिए किस टैग का उपयोग किया जाता है?
(a) <colspan>
(b) <td>
(c) <tr>
(d) इनमें से कोई नहीं
उत्तर: (b) <td> का उपयोग तालिकाओं में कॉलम जोड़ने के लिए किया जाता है।
प्रश्न 6.
टैग का उपयोग तालिका में व्यक्तिगत तालिका डेटा को निर्दिष्ट करने के लिए किया जाता है।
(a) <tr>
(b) <td>
(c) <th>
(d) <table>
उत्तर: (b)<td> टैग का उपयोग तालिका में व्यक्तिगत तालिका डेटा को निर्दिष्ट करने के लिए किया जाता है।
प्रश्न 7.
किसी टेबल में बॉर्डर जोड़ने के लिए बॉर्डर विशेषता किस टैग में निर्दिष्ट की जाती है?
(a) <th>
(b) <table>
(c) <td>
(d) <tr>
उत्तर: (b) बॉर्डर विशेषता <table> टैग में निर्दिष्ट की जाती है।
प्रश्न 8.
किसी तालिका के बॉर्डर का रंग सेट करने के लिए उपयोग की जाने वाली विशेषता है
(a) बॉर्डर
(b) बॉर्डरकलर
(c) कलर
(d) बॉर्डर कलर
उत्तर: (b) बॉर्डरकलर का उपयोग किसी तालिका के बॉर्डर का रंग सेट करने के लिए किया जाता है।
प्रश्न 9.
फ्रेम विशेषता में 9 प्रकार के मान होते हैं।
(a) 9
(b) 3
(c) 6
(d) 4
उत्तर: (a) फ्रेम विशेषता में 9 प्रकार के मान होते हैं।
प्रश्न 10.
निम्नलिखित में से कौन <table> टैग की विशेषता है?
(a) src
(b) cellpadding
(c) link
(d) bold
उत्तर: (b) cellpadding <table> टैग की विशेषता है।
प्रश्न 11.
निम्नलिखित में से कौन सा विकल्प तालिका में डेटा संरेखित करने के लिए नहीं है?
(a) justify
(b) right
(c) left
(d) center
उत्तर: (a) justify विकल्प का उपयोग तालिका में डेटा संरेखित करने के लिए नहीं किया जाता है।
प्रश्न 12.
<table> टैग की किस विशेषता का उपयोग तालिका की पृष्ठभूमि में एक छवि सेट करने के लिए किया जाता है?
(a) bgcolor
(b) background
(c) frame
(d) rules
उत्तर: (b) background विशेषता का उपयोग तालिका की पृष्ठभूमि में एक छवि सेट करने के लिए किया जाता है।
प्रश्न 13.
किसी तालिका के पृष्ठभूमि रंग को निर्दिष्ट करने के लिए उपयोग की जाने वाली विशेषता है
(a) रंग
(b) bgtable
(c) backcolor
(d) bgcolo r
उत्तर: (d) bgcolor का उपयोग किसी तालिका के पृष्ठभूमि रंग को निर्दिष्ट करने के लिए किया जाता है।
प्रश्न 14.
<img> और <table> टैग की दो सामान्य विशेषताएँ हैं:
(a) src और ऊँचाई
(b) ऊँचाई और चौड़ाई
(c) बॉर्डर और src
(d) इनमें कोई सामान्य विशेषताएँ नहीं हैं।
उत्तर: (b) ऊँचाई और चौड़ाई <img> टैग और <table> टैग की सामान्य विशेषताएँ हैं।
प्रश्न 15.
बॉर्डर, फ्रेम, सेलस्पेसिंग, सेलपैडिंग, एलाइन किसके गुण हैं?
(a) <body> टैग
(b) <img> टैग
(c) <table> टैग
(d) इनमें से कोई नहीं
उत्तर: (c) बॉर्डर, फ्रेम, सेलस्पेसिंग, सेलपैडिंग, एलाइन <table> टैग के गुण हैं।
प्रश्न 16.
निम्नलिखित में से कौन सा <table> टैग की विशेषता नहीं है?
(a) बॉर्डर
(b) बैकग्राउंड
(c) bgcolor
(d) src
उत्तर: (d) src <table> टैग की विशेषता नहीं है।
प्रश्न 17.
<td> टैग में, td का अर्थ है
(a) टेबल डेटा
(b) टेबल समय और दिनांक
(c) टेबल दिनांक
(d) इनमें से कोई नहीं
उत्तर: (a) td का अर्थ है टेबल डेटा।
प्रश्न 18.
टेबल सेल के अंदर सामग्री को बाईं ओर संरेखित करने के लिए सही HTML कोड क्या है?
(a) <td valign = “left”>
(b) <td align = “left”>
(c) <td left align >
(d) <td left>
उत्तर: (b) <td align = “left”>
प्रश्न 19.
तालिका सेल के अंदर सामग्री को दाईं ओर संरेखित करने के लिए सही HTML कोड चुनें।
(a) <td align = “right” >
(b) <td valign = “right” >
(c) <td rightalign>
(d) <td right = “align” >
उत्तर: (a) <td align = “right”>
प्रश्न 20.
वेब पेज पर एक तालिका में दो या दो से अधिक कोशिकाओं को संयोजित करने को कहा जाता है
(a) विलय
(b) स्पैनिंग
(c) संयोजन
(d) इनमें से कोई नहीं
उत्तर: (b) वेब पेज पर एक तालिका में दो या दो से अधिक कोशिकाओं को संयोजित करने को स्पैनिंग कहा जाता है।
प्रश्न 21.
कौन सी विशेषता बताती है कि एक सेल को कितनी पंक्तियों में फैलाना चाहिए?
(a) colspan = n
(b) rowspan = n
(c) (a) और (b) दोनों
(d) इनमें से कोई नहीं
उत्तर: (b) rowspan = n बताएगा कि एक सेल को कितनी पंक्तियों में फैलाना चाहिए।
प्रश्न 22.
rowspan = n को केवल किस टैग में जोड़ा जा सकता है?
(a) <hr>
(b) <table>
(c) <td>
(d) <tr>
उत्तर: (r) rowspan = n को केवल <td> टैग में जोड़ा जा सकता है।
प्रश्न 23.
<td> टैग की कौन सी विशेषता का उपयोग दो या अधिक कॉलम को मिलाकर एक कॉलम बनाने के लिए किया जाता है?
(a) colspan
(b) cellspacing
(c) cellpadding
(d) rowspan
उत्तर: (a) colspan विशेषता का उपयोग दो या अधिक कॉलम को मिलाकर एक कॉलम बनाने के लिए किया जाता है।
प्रश्न 24.
colspan = n को टैग में जोड़ा जा सकता है।
(a) <hr>
(b) <table>
(c) <td>
(d) <tr>
उत्तर: (r) colspan = n को <td> टैग में जोड़ा जा सकता है।
प्रश्न 25.
विशेषता एकल सेल में डेटा को लंबवत संरेखित करने में मदद करती है।
(a) संरेखित करें
(b) valign
(c) halig
(d) दोनों (b) और (c)
उत्तर: (b) valign विशेषता का उपयोग एकल सेल में डेटा को लंबवत संरेखित करने के लिए किया जाता है।
प्रश्न 26.
<th> टैग में, th का अर्थ है
(a) टेबल हेडिंग
(b) कुल हेडिंग
(c) टेबल हेडर
(d) उपरोक्त सभी
उत्तर: (c) th का अर्थ है टेबल हेडर
रिक्त स्थान भरें [प्रत्येक पर 1 अंक]
प्रश्न 1.
वेब पेज पर टेबल डालने के लिए हम ………………. टैग का उपयोग करते हैं।
उत्तर: <table>
प्रश्न 2.
तालिका शुरू करने के लिए टैग है
उत्तर: <table>
प्रश्न 3.
…………… टैग का उपयोग तालिका में डेटा सम्मिलित करने के लिए किया जाता है।
उत्तर: <td>
प्रश्न 4.
<td> टैग एक ………………… है
उत्तर: कंटेनर
प्रश्न 5.
……………. विशेषता का उपयोग तालिका बॉर्डर के एक विशिष्ट भाग को प्रदर्शित करने के लिए किया जाता है।
उत्तर: फ़्रेम
प्रश्न 6.
फ़्रेम विशेषता का प्रयोग ………… विशेषता के साथ किया जाता है।
उत्तर: बॉर्डर
प्रश्न 7.
<table> टैग में नियम विशेषता के लिए कुल ………… मान हैं।
उत्तर: 5
प्रश्न 8.
नियम विशेषता में, ………… मान केवल पंक्तियों के बीच तालिका बॉर्डर प्रदर्शित करने में मदद करता है।
उत्तर: पंक्तियाँ
प्रश्न 9.
सेलस्पेसिंग का उपयोग तालिका में विभिन्न …………… के बीच स्थान बनाने के लिए किया जाता है।
उत्तर: सेल
प्रश्न 10.
<table> टैग की एक विशेषता ….. है जो सेल सामग्री और उसकी सीमा के बीच की दूरी निर्धारित करती है।
उत्तर: सेलपैडिंग
प्रश्न 11.
किसी HTML तालिका की पृष्ठभूमि के रूप में छवि सेट करने के लिए, आप ………………… विशेषता का उपयोग कर सकते हैं।
उत्तर: पृष्ठभूमि
प्रश्न 12.
डिफ़ॉल्ट रूप से, एक टेबल का रंग ………….. होता है।
उत्तर: सफेद
प्रश्न 13.
<table> टैग की ऊँचाई और चौड़ाई विशेषताएँ ………….. या प्रतिशत के रूप में निर्दिष्ट की जाती हैं।
उत्तर: पिक्सेल
प्रश्न 14.
किसी तालिका के बारे में जानकारी प्रदान करने के लिए… विशेषता का उपयोग किया जाता है।
उत्तर: सारांश
प्रश्न 15.
<td> टैग केवल ………. के अंदर मौजूद हो सकता है।
उत्तर: <tr>
प्रश्न 16.
………………. विशेषता का उपयोग कोशिकाओं को लंबवत रूप से संयोजित करने के लिए किया जाता है।
उत्तर: रोस्पैन
प्रश्न 17.
……………… विशेषता का उपयोग तालिका में दो या अधिक स्तंभों को फैलाने के लिए किया जाता है।
उत्तर: colspan
प्रश्न 18.
……………… विशेषता का उपयोग कोशिकाओं के भीतर डेटा को लंबवत रूप से संरेखित करने के लिए किया जाता है।
उत्तर: valign
प्रश्न 19.
<tr> टैग केवल …………टैग के अंदर ही मौजूद हो सकता है।
उत्तर: <table>
प्रश्न 20.
<thead> टैग का उपयोग तालिका के ………..भाग को निर्दिष्ट करने के लिए किया जाता है।
उत्तर: हेडर