500+ HTML MCQs Quiz for Practice with Explanation in Hindi English
Prepare with our extensive collection of 500+ HTML Programming MCQ Quiz Practice basic to advanced HTML MCQs online for exams, interviews, and certification preparation
👉 सबसे पहले लॉगिन डिटेल्स दर्ज करें
👉 टॉपिक वाइज़ टेस्ट सिलेक्ट करें।
👉 MCQ की संख्या जैसे 10 / 20 / 50 सिलेक्ट करें।
👉 सुविधानुसार समय दर्ज करें।
👉 अंत में अपना रिजल्ट एवं रैंक देखें।
🌐HTML Programming Online Test
Candidate Login 🔐
Setting up Paper...
HTML Programming QuizUser: Candidate
00:00
Loading...
Explanation:
Test Completed! 🏆
0
Your Final Score
Time Taken: 00:00
🏅 Top Rankers
Loading...
🎥 HTML Programming MCQs Video Explanation
Video explanation से tricky questions आसानी से समझ में आते हैं। इसलिए जब भी एक्स्ट्रा समय मिले Video MCQs देखते रहें।
Watch MCQ Video 🎬 with detailed explanation in Hindi
HTML Programming MCQs
Learn with detailed explanation.
Cloud Computing MCQs
Practice for Competitive Exams
Top 40 Excel MCQs
Formula and functions explained.
Smart Trick:
पहले प्रश्न हल करें → फिर video देखें।
✕
📘 Frequently Asked Questions (FAQ)
What topics are covered in the 500+ HTML Programming MCQ Quiz Test?
Topics includes:
Basics of HTML, HTML Programming basics, HTML Features, HTML Programming Concepts, HTML Basic Tags, Heading Tags, Text and Paragaraph Formatting Tags, HTML Table Tags, Line Break, Horizontal Line, Image and Backgroud, HTML Links, HTML Backgroud and Color, HTML CSS and many more.
These questions are very useful for various competitive exams and computer courses like CCA, DCA, PGDCA, BCA, MCA, ITI-COPA, CPCT etc.
html programming online quiz test, html online mcq test, html multiple choice questions with answers, basic html quiz for beginners, advanced html online test,
html practice test for exams, html interview quiz online, web design html objective questions, html5 quiz with answers, online html exam preparation
अब कंप्यूटर के सभी टॉपिक्स के फ्री ऑनलाइन टेस्ट / MCQs की हिंदी में प्रैक्टिस करें और ऑनलाइन कंप्यूटर परीक्षा के लिए अपनी तैयारी का परीक्षण करें। इस टेस्ट सीरीज़ में कोपा-गाइड आपको हिंदी में कंप्यूटर नेटवर्किंग, इन्टरनेट वेब डिजाईन HTML कंप्यूटर MCQ उपलब्ध कराता है।
कंप्यूटर नेटवर्किंग, इन्टरनेट वेब डिजाईन HTML ऑनलाइन टेस्ट सीरीज़ कंप्यूटर सीखने वालों एवं जो छात्र विभिन्न कंप्यूटर कोर्स जैसे CCA, DCA, BCA, PGDCA, ITI-COPA, CPCT, Competitive Exams, SSC, Bank PO, Clerk, SBI, IBPS, DOEACC Computer Courses, Govt Jobs Exam और अन्य प्रतियोगी परीक्षाओं के इच्छुक छात्रों के लिए बहुत उपयोगी हैं।
यह ऑनलाइन टेस्ट सीरीज सभी उम्मीदवारों के लिए नि: शुल्क है और हिंदी भाषा में उपलब्ध है. भविष्य में कोपा-गाइड अंग्रेजी भाषा में भी इस टेस्ट सीरीज को उपलब्ध कराने का प्रयास करेगा।
ऑनलाइन टेस्ट सीरीज | इन्टरनेट HTML ऑनलाइन टेस्ट – 02
Free Online Test Series MCQs Internet & Web Design with HTML in Hindi. Now take Basic to Advance Internet & Web Design with HTML Free Online Test / MCQs in Hindi and Test your preparation for Online computer exam. In this test series we provide sufficient computer MCQs for Internet & Web Design with HTML in Hindi. HTML WEB DESIGN Fundamentals Test | Free Online WEB DESIGN - HTML Practice And Preparation Tests Internet & HTML Practice Test | Free Online HTML Web Design and Preparation Tests HTML Quiz Web Design Online Test. Free Online Mock Test Series Online Internet Test - Online Tests for Interview, Competitive Exams.
Web Design HTML
Quiz Basic Computer Online Test
Series is very helpful for computer learners, students of various computer
course like CCA, DCA, BCA, PGDCA, ITI-COPA and
aspirants of competitive examinations. These Online Tests are free for all
candidates and available in Hindi Language to better understanding for the
computer subjects.
कैस्केडिंग स्टाइल शीट (CSS) क्या हैं? What is Cascading Style Sheet (CSS)?
कैस्केडिंग स्टाइल शीट (Cascading Style Sheets) वेब डेवेलपमेंट में प्रयोग की जाने वाली स्टाइल शीट लैंग्वेज है, जिसका उपयोग HTML या XML डॉक्यूमेंट्स को डिज़ाइन करने के लिए होता है।
CSS या कैस्केडिंग स्टाइल शीट (Cascading Style Sheets) एक वेब डेवेलपमेंट भाषा है जो HTML या XML एलीमेंट को स्टाइल देने के लिए डिज़ाइन की गई है। इसका प्रमुख उद्देश्य वेब पेज को बेहतर और आकर्षक बनाना है।
कैस्केडिंग स्टाइल शीट (CSS) द्वारा वेब पेज के लेआउट, कलर, फॉन्ट एवं अन्य विजुअल एपीयरेन्स को डिफाइन किया जा सकता है। सीएसएस या कैस्केडिंग स्टाइल शीट द्वारा वेबसाईट को आकर्षक एवं इंटरएक्टिव बनाया जा सकता है।
कैस्केडिंग स्टाइल शीट (CSS) के द्वारा कलर, फ़ॉन्ट, टेक्स्ट साइज़, विभिन्न एलीमेंट के बीच की दूरी को कंट्रोल कर सकते हैं, बैकग्राउंड कलर को परिवर्तित करना, इमेज का प्रयोग, विभिन्न प्रकार के ट्रांजिशन इफेक्ट एवं एनिमेशन आदि को आसानी से किया जा सकता है।
कैस्केडिंग स्टाइल शीट (CSS) के उपयोग Uses of Cascading Style Sheet (CSS)
कैस्केडिंग स्टाइल शीट (CSS) की महत्त्वपूर्ण विशेषताओं के कारण इन्हें कई प्रकार से उपयोग किया जा सकता है, वेब डिजाइन में CSS के विभिन्न उपयोग एवं विशेषताएं निम्नानुसार हैं:
CSS का प्रमुख उद्देश्य वेब पेज को स्टाइल करना है, जिससे उपयोगकर्ताओं को एक आकर्षक और इंटरएक्टिव वेब पेज प्रदान किया जा सके।
कैस्केडिंग स्टाइल शीट (CSS) में फ्लेक्सबॉक्स और ग्रिड जैसे तकनीकों का उपयोग करके वेब साइट के लेआउट को आसानी से डिजाइन किया जा सकता है। इससे वेब डेवलपर्स को वेब पेज के स्ट्रक्चर को कंट्रोल करने में सहायता मिलती है।
कैस्केडिंग स्टाइल शीट (CSS) में मीडिया एवं क्वेरीज़ का उपयोग करके रिस्पॉन्सिव डिज़ाइन बनाया जा सकता है, जिससे वेब पेज विभिन्न कम्प्यूटिंग डिवाइस जैसे डेस्कटॉप, लैपटॉप, मोबाईल आदि के विभिन्न साइज़ के लिए अनुकूल हो सकते हैं।
कैस्केडिंग स्टाइल शीट (CSS) के द्वारा वेब पेज पर विभिन्न और ट्रांजिशन एवं एनिमेशन्स इफेक्ट के अलावा इंटरऐक्टिव एलिमेंट्स को डिजाइन करने की सुविधा भी प्राप्त होती है।
कैस्केडिंग स्टाइल शीट (CSS) में विभिन्न स्टाइल्स को अलग-अलग CSS फ़ाइलों में ऑर्गनाइज़ किया जा कसता है, जिससे उन्हें कहीं भी प्रयोग किया जा सके।
कैस्केडिंग स्टाइल शीट (CSS) में बॉक्स मॉडल का उपयोग किया जाता है, जिसमें प्रत्येक HTML एलीमेंट को एक आयताकार बॉक्स के रूप में डिफाइन किया जाता है। इसमें कंटेंट, पैडिंग, बॉर्डर और मार्जिन आदि शामिल होते हैं।
एक्सटर्नल CSS फ़ाइलों को लोकल और सर्वर साइड कैशिंग का उपयोग करके वेब पेज की लोडिंग स्पीड को बढ़ाता जा सकता है, क्योंकि ब्राउज़र उन्हें कैश (cache) कर सकता है, जिससे वे तेजी से लोड होते हैं।
कैस्केडिंग स्टाइल शीट (CSS) का उपयोग वेब साइट के उपयोगकर्ताओं को अधिक उपयोगी, क्लीयर और बेहतर साइट एक्सपीरियंस प्रदान करने के लिए किया जाता है। यह विभिन्न ब्राउज़रों के बीच कम्पैटिबिलटी को सुनिश्चित करने में भी मदद करता है। जिससे सभी ब्राउज़र एक समान रिजल्ट प्रदर्शित कर सकें।
कैस्केडिंग स्टाइल शीट (CSS) कैसे कार्य करता है? How Cascading Style Sheet (CSS) Works?
हाइपरटेक्स्ट मार्कअप लैंग्वेज (HTML) एवं कैस्केडिंग स्टाइल शीट (CSS) का उपयोग कर वेब पेज बनाया जाता है। जब इसे लोड किया जाता है तो, ब्राउज़र पहले HTML स्ट्रक्चर के अनुसार प्रस्तुत करता है। फिर ब्राउज़र CSS फ़ाइलों को ढूंढता है और उन्हें HTML के साथ मिलाकर पेज को स्टाइल देता है। इस प्रकार एचटीएमएल एवं CSS द्वारा बनाया गया पेज ब्राउज़र द्वारा प्रदर्शित किया जाता है। इसे निम्नानुसार समझा जा सकता है।
वेब ब्राउज़र द्वारा सबसे पहले एचटीएमएल कोड को सिस्टम में लोड एवं पार्स किया जाता है, उसके बाद CSS स्टाइल को लोड और पार्स करने की प्रक्रिया होती है। जब HTML और CSS स्टाइल को लोड और पार्स कर लेते हैं, तो उन्हें संयोजित (combine) करने की प्रक्रिया दो अलग-अलग चरणों में होती है। सबसे पहले, ब्राउज़र उन्हें डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) में परिवर्तित करता है। इसके बाद डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) डॉक्यूमेंट के कंटेन्ट एवं स्टाइल को जोड़ता है जीसे ब्राउज़र उस स्टाइल के साथ वेब कंटेन्ट को प्रदर्शित करता है।
कैस्केडिंग स्टाइल शीट (CSS) का एचटीएमएल में प्रयोग Using Cascading Style Sheet (CSS) in HTML
कैस्केडिंग स्टाइल शीट (CSS) का एचटीएमएल में प्रयोग करने के लिए एक निर्धारित स्ट्रक्चर का प्रयोग किया जाता है, जिसे कैस्केडिंग स्टाइल शीट (CSS) का सिंटेक्स भी कहा जाता है।
कैस्केडिंग स्टाइल शीट (CSS) में मुख्य रूप से सिलेक्टर (Selector) एवं डिक्लरेशन (Declaration) से मिलती है। कैस्केडिंग स्टाइल शीट (CSS) का स्ट्रक्चर इस प्रकार होता है:
कैस्केडिंग स्टाइल शीट में CSS सिलेक्टर (Selector) के द्वारा एचटीएमएल (HTML) एलीमेंट जैसे हेडिंग, पैराग्राफ, टेबल आदि को सिलेक्ट किया जाता है। सिलेक्टर में क्लास (Class) एवं आईडी (ID) को भी प्रयोग किया जा सकता है।
कैस्केडिंग स्टाइल शीट में डिक्लरेशन को एक ब्लॉक के अंदर कर्वी ब्रेसेस {} में लिखा जाता है। इसे डिक्लरेशन बॉक्स (Declaration Block) कहा जाता है। इस ब्लॉक के अंदर एक से अधिक डिक्लरेशन को डिफाइन किया जा सकता है। प्रत्येक डिक्लरेशन में एक CSS प्रॉपर्टी जैसे color, font-size आदि एवं उसकी वैल्यू को डिफाइन किया जाता है।
कैस्केडिंग स्टाइल शीट में विभिन्न CSS प्रॉपर्टी का प्रयोग किया जा सकता है। मुख्य रूप से CSS प्रॉपर्टी जैसे “color,” “font-size,” “margin,” “padding,” “display,” “position,” “background-colour,” “border,” “text-align,” “width,” “height,” आदि का प्रयोग किया जाता है।
प्रॉपर्टी वैल्यू के अंदर उसकी वैल्यू जैसे कलर - blue, red, green, फॉन्ट साइज़ - 10px, 14px, 20px, आदि को डिफाइन किया जाता है। प्रॉपर्टी एवं वैल्यू को एक कोलन : द्वारा अलग किया जाता है।
कैस्केडिंग स्टाइल शीट (CSS) के प्रकार Types of Cascading Style Sheet (CSS)
एचटीएमएल में कैस्केडिंग स्टाइल शीट को प्रयोग करने के आधार पर बाँटा गया है। मुख्य रूप से कैस्केडिंग स्टाइल शीट (CSS) के तीन प्रकार हैं:
➥ इनलाइन सीएसएस (Inline CSS)
➥ इंटरनल या एम्बेडेड सीएसएस (Internal or Embedded CSS)
➥ एक्सटर्नल सीएसएस (External CSS)
इनलाइन सीएसएस Inline CSS
इनलाइन सीएसएस (Inline CSS) में दी जाने वाली स्टाइल को सीधे HTML टैग द्वारा प्रयोग किया जाता है। इसे "style" एट्रिब्यूट के माध्यम से लिखा जाता है। इनलाइन सीएसएस को पेज के प्रत्येक एलीमेंट के लिए अलग-अलग लिखना पड़ता है।
उदाहरण :
इंटरनल या एम्बेडेड सीएसएस | Internal or Embedded CSS
इंटरनल या एम्बेडेड सीएसएस (Internal or Embedded CSS) में स्टाइल को HTML टैग के साथ <style> ब्लॉक के अंदर प्रयोग किया जाता है। इसे एचटीएमएल के हेड <head> सेक्शन के अंदर डिफाइन किया जाता है। यह स्टाइल पूरे वेब पेज पर कार्य करता है।
उदाहरण :
एक्सटर्नल सीएसएस External CSS
एक्सटर्नल सीएसएस में CSS स्टाइल को डिफाइन करके एक अलग सीएसएस फ़ाइल में सेव किया जाता है और फिर उस एचटीएमएल फ़ाइल को <link> एट्रिब्यूट का उपयोग करके प्रयोग किया जाता है।
इस प्रकार से स्टाइल्स को एक से अधिक HTML पेज पर बार बार प्रयोग किया जा सकता है।
उपरोक्त कोड को style.css फाइल में सेव करके उसे निम्नानुसार लिंक किया जा सकता है।
उदाहरण :
Tags - What is HTML CSS Hindi Explanation. Learn to Use CSS elements Tag, Use of CSS in HTML. Using CSS elements Text box, Check box, Radio button, Combo Box, Text Field in HTML. Using form Elements in HTML Programming. HTML Hindi Notes Using CSS. How to use CSS elements in HTML. HTML CSS Tags Practical Example. HTML form element program code. HTML Programming Creating CSS with Text box, Check box, Radio button, Combo Box, Text Field Exercise, How to Create CSS in HTML. HTML Hindi Notes। How to Create CSS in HTML In Hindi How to Create CSS in HTML. HTML Tutorial in Hindi HTML tutorial for beginners in Hindi.
CSS क्या हैं? एचटीएमएल में कैस्केडिंग स्टाइल शीट CSS का कैसे प्रयोग करें? एचटीएमएल में कैस्केडिंग स्टाइल शीट एवं उनके उपयोग। कैस्केडिंग स्टाइल शीट एलीमेंट प्रैक्टिकल उदाहरण सहित। एचटीएमएल कैस्केडिंग स्टाइल शीट की जानकारी, एचटीएमएल प्रोग्रामिंग कैस्केडिंग स्टाइल शीट एलीमेंट के उदाहरण सहित प्रोग्रामिंग कोड, HTML CSS एलीमेंट का परिचय, CSS एलीमेंट के प्रकार, HTML में CSS क्या है? HTML पेज में कैस्केडिंग स्टाइल शीट का प्रयोग कैसे करें? कैस्केडिंग स्टाइल शीट सिंटैक्स क्या है?
HTML प्रेक्टिकल - एचटीएमएल फॉर्म एलीमेंट का प्रयोग HTML Practical - Using HTML Form Elements
वेब डिजाईन विद एचटीएमएल प्रेक्टिकल - एचटीएमएल फॉर्म एलीमेंट का प्रयोग Web Design with HTML Practical - Using Form Elements
एचटीएमएल फॉर्म का प्रयोग यूजर द्वारा दिए जाने वाले इनपुट के लिए किया जाता है। एचटीएमएल फॉर्म के द्वारा विभिन्न जानकारी जैसे नाम, ईमेल आई डी, एड्रैस, फोन नंबर, पासवर्ड आदि की जानकारी विभिन्न फॉर्म एलीमेंट जैसे इनपुट टेक्स्ट, टेक्स्ट फील्ड, चेकबॉक्स, रेडियो बटन, सबमिट बटन आदि के द्वारा प्राप्त की जा सकती है। एचटीएमएल फॉर्म द्वारा यह सभी जानकारियाँ आसानी से प्राप्त की जा सकती हैं।
HTML मे फॉर्म (Form) को <form> ........... </form> टैग से डिफाइन करते है।
HTML फॉर्म को विभिन्न प्रकार के यूजर से डाटा को इकट्ठा करने के लिए प्रयोग किया जाता है जैसे : Name, Email Address, Phone Numbers की जानकारी आदि।
एचटीएमएल में प्रयोग की जाने वाले विभिन्न फॉर्म एलीमेंट निम्न हैं:
Requirements : (Tools / Equipments / Instruments)
पर्सनल कंप्यूटर / माइक्रोसॉफ्ट विंडोज / नोटपैड / वेब ब्राउज़र
एचटीएमएल फॉर्म एलीमेंट का प्रयोग | Using Form Elements in HTML
HTML में फॉर्म का प्रयोग करने के लिए निम्नानुसार स्टेप्स प्रयोग कीजिए।
विंडोज के नोटेपेड प्रोग्राम को ओपन कीजिए
START > ALL PROGRAMS > ACCESSORIES > NOTEPAD
नोटपैड में निम्नानुसार कोड टाइप कीजिए।
फाइल को सेव कीजिए। HTML File को सेव करने के लिए की-बोर्ड से Ctrl + S दबाएं। SaveAs डायलॉग बॉक्स में फाईल के नाम के साथ
एक्सटेंशन के रूप में HTML अवश्य लिखें. जैसे form.html और Save as type : आप्शन पर निम्नानुसार All Files सेलेक्ट कर Save बटन पर क्लिक कीजिए।
फाईल को खोलने के लिए माऊस से डबल क्लिक कीजिए। आपकी फाईल आपके डिफ़ॉल्ट ब्राउज़र में ओपन हो जाएगी। यह इस प्रकार दिखाई देगी।
एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म इनपुट एलीमेंट का प्रयोग Online HTML Practice - Using Input Element in HTML Form Program Code
HTML प्रोग्राम की ऑनलाइन प्रैक्टिस नीचे दिए गए कोड विंडो में एचटीएमएल फॉर्म इनपुट एलीमेंट का प्रोग्राम कोड लिख कर फॉर्म बना सकते हैं। प्रोग्राम कोड का आउटपुट, रिजल्ट विंडो में प्रदर्शित होगा।
एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म सिलेक्ट एलीमेंट का प्रयोग Online HTML Practice - Using Select Element in HTML Form Program Code
HTML फॉर्म में ड्रॉप डाउन लिस्ट के लिए <select> एलीमेंट का प्रयोग किया जाता है। select फ़ॉर्म एलीमेंट्स के option एट्रीब्यूट के द्वारा सिलेक्शन लिस्ट की वैल्यू को डिफाइन किया जाता है।
एचटीएमएल ऑनलाइन प्रेक्टिस – एचटीएमएल फॉर्म फील्ड सेट एवं लेजेंड एलीमेंट का प्रयोग Online HTML Practice - Using Fieldset & Legend Element in HTML Form Program Code
HTML फॉर्म में फील्डसेट <fieldset> एलिमेंट फॉर्म में एक ही प्रकार के डाटा की ग्रुपिंग के लिए उपयोग किया जाता है। जैसे रेजिस्ट्रैशन फॉर्म में पर्सनल इनफार्मेशन, क्वालिफिकेशन, आदि को अलग अलग ग्रुप में बांटना है तो fieldset एलीमेंट का प्रयोग करते हैं। इसी प्रकार <legend> का प्रयोग इसके कैप्शन के लिए किया जाता है।
Tags - What is HTML forms Practical Program Code Explanation. Learn to Use forms elements Tag Practice Online. Practical Use of forms in HTML. Using forms elements Text box, Check box, Radio button, Combo Box, Text Field in HTML. Using form Elements in HTML Programming. HTML Hindi Notes Using forms. How to use forms elements in HTML. HTML forms Tags Practical Example. HTML form element program code. HTML Programming Creating forms with Text box, Check box, Radio button, Combo Box, Text Field Exercise, How to Create forms in HTML. HTML Hindi Notes। How to Create forms in HTML | In Hindi
How to Create forms in HTML. HTML Tutorial in Hindi HTML tutorial for beginners in Hindi.
HTML फॉर्म क्या हैं? एचटीएमएल में फॉर्म का कैसे प्रयोग करें? एचटीएमएल में फॉर्म टैग्स एवं उनके उपयोग। फॉर्म एलीमेंट प्रैक्टिकल उदाहरण सहित। एचटीएमएल फॉर्म टैग की जानकारी, एचटीएमएल प्रोग्रामिंग फॉर्म एलीमेंट के उदाहरण सहित प्रोग्रामिंग कोड, HTML फॉर्म एलीमेंट टैग का परिचय, HTML फॉर्म एलीमेंट बनाने के लिए Use होने वाले HTML Elements, HTML फॉर्म एलीमेंट ऐट्ट्रीब्यूट के प्रकार, HTML में फॉर्म एलीमेंट क्या है? HTML पेज में फॉर्म एलीमेंट बनाने के लिए फॉर्म स्ट्रक्चर कौन सा है? वेब पेज पर फॉर्म बनाने के लिए HTML में सिंटैक्स क्या है? HTML में फॉर्म एलीमेंट का प्रयोग कैसे करें? फॉर्म एलीमेंट उदाहरण सहित समझाइए? फॉर्म कैसे क्रिएट करें.फॉर्म एलीमेंट क्या होते है? विभिन्न फॉर्म एलीमेंट जैसे टेक्स्ट बॉक्स, चेक बॉक्स, रेडियो बटन, ड्रॉप डाउन लिस्ट, पैराग्राफ की जानकारी दीजिए।
