HTML MCQ Set 9 | Attributes and Global Attributes

HTML MCQ – Set 9 | HTML Attributes और Global Attributes में id, class, CSS selector (# और .), title, hidden, Boolean Attributes, lang, tabindex, contenteditable और draggable पर 20 प्रश्न सरल हिंदी व्याख्या के साथ दिए गए हैं। DCA, PGDCA, BCA, ITI COPA और वेब डिज़ाइनिंग सीखने वालों के लिए उपयोगी।

बहुविकल्पीय प्रश्नों के लिए निर्देश

1. हर प्रश्न को ध्यान से पढ़ें।
2. चार विकल्पों में से एक सही उत्तर चुनें।
3. सही उत्तर पर ✅ और गलत उत्तर पर ❌ का चिन्ह दिखाई देगा।
4. गलत उत्तर मिलने पर आप दोबारा प्रयास कर सकते हैं।
5. सभी प्रश्नों को हल करने के पश्चात् कृपया Show Score बटन पर क्लिक करें। उत्तीर्ण होने के लिए न्यूनतम अंक प्रतिशत 60% है।
6. अपने स्कोर को सुधारने के लिए Try Again बटन का उपयोग करें।

HTML Attributes और Global Attributes MCQ – Set 9

1. एचटीएमएल में किसी एलिमेंट की विशिष्ट पहचान निर्धारित करने के लिए कौन-सा ग्लोबल एट्रिब्यूट उपयोग किया जाता है? (Which global attribute provides a unique identifier for an HTML element?)

class name id title

सही उत्तर : (C) id

Explanation: id (Identifier) एलिमेंट को विशिष्ट पहचान देता है, और पूरे दस्तावेज़ में उसका मान अद्वितीय होना चाहिए। class एलिमेंट का समूह बनाता है, name मुख्यतः फॉर्म एलिमेंट के लिए है और title अतिरिक्त जानकारी देता है।

2. CSS में id को चुनने के लिए कौन सा चिह्न लगता है? (Which symbol is used in CSS to select an id?)

. * & #

सही उत्तर : (D) #

Explanation: CSS में id को चुनने के लिए # (हैश) चिह्न लगता है, जैसे #header { color: red; }। . (डॉट) class चुनने के लिए, * सभी एलिमेंट चुनने के लिए उपयोग होता है, और & CSS में id चुनने का चिह्न नहीं है।

3. CSS में class को चुनने के लिए कौन सा चिह्न लगता है? (Which symbol is used in CSS to select a class?)

# . @ $

सही उत्तर : (B) .

Explanation: CSS में class को चुनने के लिए . (डॉट) लगता है, जैसे .box { color: blue; }। # id चुनने के लिए होता है, @ का उपयोग @media जैसे नियमों में होता है और $ CSS में class चुनने का चिह्न नहीं है।

4. क्या कई एलिमेंट्स की class एक जैसी हो सकती है? (Can multiple elements have the same class?)

हाँ (Yes) नहीं (No) सिर्फ़ दो एलिमेंट्स की (Only two elements) सिर्फ़ <div> की (Only <div>)

सही उत्तर : (A) हाँ (Yes)

Explanation: हाँ, class का काम ही एलिमेंट्स का समूह बनाना है। एक ही class कई एलिमेंट्स पर लगाई जा सकती है, जिससे उन सब पर एक जैसी स्टाइल लागू होती है। इसकी संख्या दो तक सीमित नहीं है और यह केवल <div> तक भी सीमित नहीं है।

5. एक एलिमेंट में कई classes कैसे लिखी जाती हैं? (How are multiple classes written in one element?)

कॉमा से अलग करके (Separated by commas) स्पेस से अलग करके (Separated by spaces) # से अलग करके (Separated by #) एक से ज़्यादा class संभव नहीं (More than one class is not possible)

सही उत्तर : (B) स्पेस से अलग करके (Separated by spaces)

Explanation: एक एलिमेंट में कई classes स्पेस से अलग करके लिखी जाती हैं, जैसे <p class="big red">। कॉमा या # से अलग करना सही तरीका नहीं है। एक एलिमेंट में एक से अधिक class दी जा सकती हैं।

6. title attribute का क्या काम है? (What is the function of the title attribute?)

पेज का टाइटल बदलना (Changing the page title) एलिमेंट छुपाना (Hiding the element) फ़ॉन्ट बदलना (Changing the font) माउस ले जाने पर छोटा टूलटिप टेक्स्ट दिखाना (Showing small tooltip text on mouse hover)

सही उत्तर : (D) माउस ले जाने पर छोटा टूलटिप टेक्स्ट दिखाना (Showing small tooltip text on mouse hover)

Explanation: title attribute माउस ले जाने पर छोटा टूलटिप टेक्स्ट दिखाता है, जैसे <abbr title="HyperText Markup Language">HTML</abbr>। पेज का शीर्षक <title> टैग से तय होता है। title attribute एलिमेंट को छिपाता नहीं और फ़ॉन्ट भी नहीं बदलता।

7. hidden attribute लगाने पर एलिमेंट के साथ क्या होता है? (What happens to an element when the hidden attribute is applied?)

बड़ा हो जाता है (It becomes larger) लाल हो जाता है (It turns red) पेज पर नहीं दिखता (It is not displayed on the page) क्लिक नहीं होता पर दिखता है (It is visible but not clickable)

सही उत्तर : (C) पेज पर नहीं दिखता (It is not displayed on the page)

Explanation: hidden attribute लगाने पर एलिमेंट पेज पर नहीं दिखता, जैसे <p hidden>यह नहीं दिखेगा</p>। इससे एलिमेंट बड़ा नहीं होता, रंग नहीं बदलता और वह दिखते हुए क्लिक न होने वाला भी नहीं बनता।

8. hidden किस प्रकार का attribute है? (What type of attribute is hidden?)

Boolean attribute Text attribute Number attribute Link attribute

सही उत्तर : (A) Boolean attribute

Explanation: hidden एक Boolean attribute है। इसे सिर्फ़ लिखना काफ़ी है और अलग से मान देने की ज़रूरत नहीं होती। यह Text, Number या Link attribute नहीं है।

9. Boolean attribute क्या होता है? (What is a Boolean attribute?)

जो मौजूद हो तो चालू (true), न हो तो बंद (false) माना जाता है (One that is considered on (true) if present and off (false) if absent) जो सिर्फ़ नंबर लेता है (One that takes only numbers) जो सिर्फ़ लिंक में चलता है (One that works only in links) जो CSS में लिखा जाता है (One that is written in CSS)

सही उत्तर : (A) जो मौजूद हो तो चालू (true), न हो तो बंद (false) माना जाता है (One that is considered on (true) if present and off (false) if absent)

Explanation: Boolean attribute मौजूद हो तो सत्य (True) और न हो तो असत्य (False) माना जाता है। बस नाम लिख देने से सुविधा चालू हो जाती है, जैसे hidden या disabled। यह केवल नंबर लेने वाला, केवल लिंक में चलने वाला या CSS में लिखा जाने वाला attribute नहीं है।

10. एचटीएमएल एलिमेंट पर सीधे स्टाइल संबंधी जानकारी देने वाले एट्रिब्यूट का नाम क्या है? (What is the name of the attribute used to provide styling information directly on an HTML element?)

class format style design

सही उत्तर : (C) style

Explanation: style एट्रिब्यूट में सीधे एलिमेंट पर CSS स्टाइल लिखी जाती है, जैसे style="color:red"। class स्टाइल के लिए नाम से समूह बनाता है, पर स्टाइल खुद नहीं लिखता। format और design HTML के मानक एट्रिब्यूट नहीं हैं।

11. किसी एलिमेंट की सामग्री को यूज़र द्वारा संपादित करने योग्य बनाने के लिए कौन-सा एट्रिब्यूट उपयोग किया जाता है? (Which attribute makes an element's content editable by the user?)

editable modify editmode contenteditable

सही उत्तर : (D) contenteditable

Explanation: contenteditable एट्रिब्यूट एलिमेंट की सामग्री को ब्राउज़र में सीधे संपादित करने योग्य बनाता है, जैसे contenteditable="true"। editable, modify और editmode HTML के मानक एट्रिब्यूट नहीं हैं।

12. किसी एलिमेंट को ड्रैग करने योग्य घोषित करने के लिए कौन-सा एट्रिब्यूट उपयोग किया जाता है? (Which attribute declares an element as draggable?)

movable draggable drag moveable

सही उत्तर : (B) draggable

Explanation: draggable एट्रिब्यूट एलिमेंट को ड्रैग करने योग्य घोषित करता है, जैसे draggable="true"। movable, drag और moveable HTML के मानक एट्रिब्यूट नहीं हैं।

13. वेब पेज पर कीबोर्ड नेविगेशन का क्रम निर्धारित करने में कौन-सा एट्रिब्यूट उपयोगी है? (Which attribute is useful for specifying keyboard navigation order on a web page?)

keyorder taborder tabindex keyboard

सही उत्तर : (C) tabindex

Explanation: tabindex एट्रिब्यूट बताता है कि Tab कुंजी दबाने पर एलिमेंट किस क्रम में फ़ोकस पाएगा। keyorder, taborder और keyboard HTML के मानक एट्रिब्यूट नहीं हैं।

14. निम्नलिखित में से कौन-सा ग्लोबल एट्रिब्यूट है? (Which of the following is a global attribute?)

id src action colspan

सही उत्तर : (A) id

Explanation: id ग्लोबल एट्रिब्यूट है, जिसे लगभग सभी HTML एलिमेंट पर लगाया जा सकता है। src इमेज जैसे एलिमेंट के लिए, action फॉर्म के लिए और colspan (Column Span) टेबल सेल के लिए विशेष एट्रिब्यूट हैं।

15. lang="hi" एट्रिब्यूट का क्या अर्थ है? (What does the attribute lang="hi" mean?)

पेज का शीर्षक हिंदी है (The page title is Hindi) पेज का पता भारत में है (The page address is in India) पेज केवल मोबाइल पर खुलेगा (The page will open only on mobile) संबंधित सामग्री की भाषा हिंदी है (The language of the relevant content is Hindi)

सही उत्तर : (D) संबंधित सामग्री की भाषा हिंदी है (The language of the relevant content is Hindi)

Explanation: lang="hi" बताता है कि उस एलिमेंट या पेज की सामग्री की भाषा हिंदी (Hindi) है। इससे ब्राउज़र, सर्च इंजन और स्क्रीन रीडर को भाषा पहचानने में मदद मिलती है। यह शीर्षक, सर्वर के स्थान या मोबाइल-सीमा से संबंधित नहीं है।

16. एचटीएमएल में एट्रिब्यूट का मान लिखने का अनुशंसित तरीका कौन-सा है? (Which is the recommended way to write an HTML attribute value?)

href(page.html) href="page.html" href:page.html href=page.html;

सही उत्तर : (B) href="page.html"

Explanation: HTML में एट्रिब्यूट का मान सामान्यतः नाम="मान" के रूप में उद्धरण चिह्नों में लिखा जाता है, जैसे href="page.html"। कोष्ठक, कोलन या अर्धविराम वाला तरीका सही HTML सिंटैक्स नहीं है।

17. contenteditable="false" का क्या अर्थ है? (What does contenteditable="false" mean?)

एलिमेंट को हटा दिया गया है (The element has been removed) एलिमेंट अपने आप छिप जाएगा (The element will automatically be hidden) एलिमेंट डाउनलोड होगा (The element will be downloaded) एलिमेंट की सामग्री को उस एट्रिब्यूट के आधार पर संपादन योग्य नहीं बनाया गया है (The element's content is not made editable by that attribute)

सही उत्तर : (D) एलिमेंट की सामग्री को उस एट्रिब्यूट के आधार पर संपादन योग्य नहीं बनाया गया है (The element's content is not made editable by that attribute)

Explanation: contenteditable="false" का अर्थ है कि एलिमेंट की सामग्री को इस एट्रिब्यूट से संपादन योग्य नहीं बनाया गया है। इससे एलिमेंट हटता, छिपता या डाउनलोड नहीं होता।

18. draggable="true" का उद्देश्य क्या है? (What is the purpose of draggable="true"?)

एलिमेंट को अपने आप दूसरी जगह भेजना (Automatically moving the element elsewhere) एलिमेंट को डाउनलोड करना (Downloading the element) एलिमेंट को ड्रैग करने योग्य घोषित करना (Declaring the element as draggable) एलिमेंट को छिपाना (Hiding the element)

सही उत्तर : (C) एलिमेंट को ड्रैग करने योग्य घोषित करना (Declaring the element as draggable)

Explanation: draggable="true" एलिमेंट को ड्रैग करने योग्य घोषित करता है, यानी यूज़र उसे माउस से खींच सकता है। इससे एलिमेंट अपने आप दूसरी जगह नहीं जाता, डाउनलोड नहीं होता और छिपता भी नहीं।

19. tabindex="-1" का सामान्य प्रभाव क्या है? (What is the general effect of tabindex="-1"?)

एलिमेंट हमेशा पहला Tab स्टॉप बन जाता है (The element always becomes the first Tab stop) एलिमेंट सामान्य Tab क्रम से बाहर रहता है, लेकिन प्रोग्रामेटिक रूप से उस पर फ़ोकस किया जा सकता है (The element is excluded from the normal Tab sequence but can be focused programmatically) एलिमेंट हट जाता है (The element is removed) एलिमेंट का नाम बदल जाता है (The element is renamed)

सही उत्तर : (B) एलिमेंट सामान्य Tab क्रम से बाहर रहता है, लेकिन प्रोग्रामेटिक रूप से उस पर फ़ोकस किया जा सकता है (The element is excluded from the normal Tab sequence but can be focused programmatically)

Explanation: tabindex="-1" एलिमेंट को सामान्य Tab क्रम से बाहर रखता है, पर JavaScript जैसे प्रोग्रामेटिक तरीके से उस पर फ़ोकस किया जा सकता है। यह एलिमेंट को पहला Tab स्टॉप नहीं बनाता, हटाता नहीं और उसका नाम नहीं बदलता।

20. निम्नलिखित में से कौन-सा कथन एचटीएमएल ग्लोबल एट्रिब्यूट के बारे में सही है? (Which statement about HTML global attributes is correct?)

इन्हें लगभग सभी एचटीएमएल एलिमेंट पर उपयोग किया जा सकता है (They can be used on almost all HTML elements) ये केवल <body> में उपयोग किए जाते हैं (They are used only in <body>) ये केवल फ़ॉर्म में उपयोग किए जाते हैं (They are used only in forms) ये केवल चित्रों पर लागू होते हैं (They apply only to images)

सही उत्तर : (A) इन्हें लगभग सभी एचटीएमएल एलिमेंट पर उपयोग किया जा सकता है (They can be used on almost all HTML elements)

Explanation: Global Attributes, जैसे id, class, style, title, lang और hidden, लगभग सभी HTML एलिमेंट पर उपयोग किए जा सकते हैं। ये केवल <body>, फॉर्म या चित्रों तक सीमित नहीं हैं।

❮ Previous Set Next Set ❯