Monday, January 25, 2021

html interview questions and answers - Interview question

 interview question for html in Hindi

Q1. HTML क्या है?

HTML हाइपर टेक्स्ट मार्कअप लैंग्वेज के लिए है। यह वर्ल्ड वाइड वेब की एक भाषा है। 

यह एक मानक पाठ प्रारूपण भाषा है जिसका उपयोग वेब पर पृष्ठ बनाने और प्रदर्शित करने के लिए किया जाता है।

 HTML पाठ को अधिक संवादात्मक और गतिशील बनाता है। यह टेक्स्ट को इमेज, टेबल, लिंक में बदल सकता है। 

HTML पेज वेब पेज के नाम में .html या .html जोड़कर सहेजे जाते हैं।


Q2. HTML elements and tags के बीच अंतर क्या है?

Elements

Elements HTML वेब पेज या दस्तावेज़ का एक व्यक्तिगत घटक है। यह शब्दार्थ या अर्थ का प्रतिनिधित्व करता है। उदाहरण के लिए, शीर्षक तत्व दस्तावेज़ के शीर्षक का प्रतिनिधित्व करता है।

Tags

यह HTML डॉक्यूमेंट की जड़ है, जिसका उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि डॉक्यूमेंट HTML है। 

उदाहरण के लिए, हेड टैग का उपयोग HTML फ़ाइल में सभी प्रमुख तत्व को शामिल करने के लिए किया जाता है।

Q3. Attributes क्या हैं और आप उनका उपयोग कैसे करते हैं?

प्रत्येक टैग में अतिरिक्त विशेषताएँ होती हैं जो टैग के व्यवहार या प्रदर्शित होने के तरीके को बदल देती हैं। 

उदाहरण के लिए, एक <input> टैग में एक प्रकार की विशेषता है, जिसका उपयोग आप यह निर्दिष्ट करने के लिए कर सकते हैं कि यह एक टेक्स्ट फ़ील्ड, चेकबॉक्स, रेडियो बटन या कई और विकल्पों में से एक है।


विशेषताएँ टैग के नाम के बाद सीधे दो कोणों वाले कोष्ठकों के अंदर निर्दिष्ट की जाती हैं। वे केवल कभी खुलने वाले टैग या स्वयं-समापन टैग में दिखाई देने चाहिए। लेकिन, वे कभी भी टैग को बंद नहीं कर सकते।


<!-- Text field -->
<input type="text" />
<!-- Checkbox -->
<input type="checkbox" />
<!-- Radio button -->
<input type="radio" value="on" />


Q4. block-level element and an inline element के बीच अंतर क्या है?

Block
एक ब्लॉक-स्तरीय तत्व को एक ब्लॉक के रूप में तैयार किया गया है, जो इसे उपलब्ध पूर्ण चौड़ाई को भरने के लिए फैला है, अर्थात इसके कंटेनर की चौड़ाई और हमेशा एक नई लाइन पर शुरू होगी।
डिफ़ॉल्ट रूप से ब्लॉक-स्तर वाले तत्व: <div>, <img>, <section>, <form>, <nav>। 

Inline

इनलाइन तत्व खींचे जाते हैं जहां वे परिभाषित होते हैं और केवल वही स्थान लेते हैं जिसकी पूरी जरूरत होती है। यह समझने का सबसे आसान तरीका है कि वे कैसे काम करते हैं, यह देखना है कि पृष्ठ पर पाठ कैसे बहता है।
उन तत्वों के उदाहरण जो डिफ़ॉल्ट रूप से इनलाइन हैं: <span>, <b>, <strong>, <a>, <input>.

Q. 5। HTML में commentsका उपयोग कब किया जाता है?

कोड को आसानी से समझने के लिए, आप अपने HTML दस्तावेज़ में कोड टिप्पणी जोड़ सकते हैं। 

ये ब्राउज़र में प्रदर्शित नहीं होते हैं, लेकिन ये आपके और अन्य डेवलपर्स के लिए नोट्स छोड़ने में आपकी मदद करते हैं कि HTML का एक सेक्शन क्या है। 

टिप्पणी की शुरुआत <! - से चिह्नित होती है और अंत -> द्वारा चिह्नित होता है। बीच की किसी भी चीज को पूरी तरह से नजरअंदाज कर दिया जाएगा, भले ही उसमें वैध HTML हो।

Q6. tabular form रूप में डेटा प्रदर्शित करने के लिए HTML टैग्स का क्या उपयोग किया जाता है?


सारणीबद्ध रूप में डेटा प्रदर्शित करने के लिए उपयोग किए जाने वाले HTML टैग की सूची में शामिल हैं:

 

html interview questions and answer
html interview questions and answer

Q 7. HTML में Hyperlink कैसे बनायें?

HTML एक हाइपरलिंक बनाने के लिए एक एंकर टैग प्रदान करता है जो एक पृष्ठ को दूसरे पृष्ठ से जोड़ता है। ये टैग निम्न में से किसी भी तरीके से दिखाई दे सकते हैं:

  •     परिकल्पित लिंक - यह प्रदर्शित, रेखांकित और नीला है।
  •     देखे गए लिंक - यह प्रदर्शित, रेखांकित और बैंगनी है।
  •     सक्रिय लिंक - यह प्रदर्शित, रेखांकित और लाल है।


HTML में हाइपरलिंक का सिंटैक्स है:


<a href = "..........."> Link Text </a>

Q 8. कुछ सामान्य सूचियों को नाम दें जो किसी पृष्ठ को डिजाइन करते समय उपयोग की जाती हैं।

पेज डिजाइन करने के लिए कई सामान्य सूचियों का उपयोग किया जाता है। आप निम्न सूची प्रकारों में से किसी एक या संयोजन को चुन सकते हैं:

  •     क्रमबद्ध सूची - क्रमबद्ध सूची एक क्रमांकित प्रारूप में तत्वों को प्रदर्शित करती है। इसका प्रतिनिधित्व <ol> टैग द्वारा किया जाता है।
  •     अव्यवस्थित सूची - अनियंत्रित सूची बुलेटेड प्रारूप में तत्वों को प्रदर्शित करती है। इसका प्रतिनिधित्व <ul> टैग द्वारा किया जाता है।
  •     परिभाषा सूची - परिभाषा सूची में एक शब्दकोश की तरह परिभाषा के रूप में तत्वों को प्रदर्शित करता है। वर्णन सूची को परिभाषित करने के लिए <dl>, <dt> और <dd> टैग का उपयोग किया जाता है।

Q 9. शब्दार्थ HTML क्या है?

सिमेंटिक HTML एक कोडिंग शैली है। यह सामग्री के अर्थ या अर्थ को सुदृढ़ करने के लिए HTML मार्कअप का उपयोग है। 

उदाहरण के लिए: शब्दार्थ में HTML <b> </ b> टैग बोल्ड स्टेटमेंट के साथ-साथ <i> </ i> टैग का उपयोग इटैलिक के लिए नहीं किया जाता है।

 इनके बजाय हम <strong> </ strong> और <em> </ em> टैग का उपयोग करते हैं।


Q 10. HTML में नेस्टेड वेबपेज कैसे बनाएं?

HTML आइफ्रेम टैग का उपयोग नेस्टेड वेबपेज प्रदर्शित करने के लिए किया जाता है। 

दूसरे शब्दों में, यह एक वेबपेज के भीतर एक वेबपेज का प्रतिनिधित्व करता है। HTML <iframe> टैग एक इनलाइन फ्रेम को परिभाषित करता है। 

Program example for interview question for html


<!DOCTYPE html>
<html>
<body>
<h2>HTML example</h2>
Use the height and width attributes to specify the size of the iframe:
<iframe src="<a href="https://www.edureka.co/">https://www.edureka.co/</a>" height="300" width="400"></iframe>
</body>
</html>


Q 11  image map क्या है?

एक छवि मानचित्र का उपयोग एक ही छवि का उपयोग करके कई अलग-अलग वेब पृष्ठों को जोड़ने के लिए किया जाता है। 

इसे <map> टैग द्वारा दर्शाया गया है। आप उन छवियों में आकृतियों को परिभाषित कर सकते हैं जिन्हें आप एक छवि मानचित्रण के भाग के रूप में शामिल करना चाहते हैं।


Q 12. क्या हाइपरलिंक केवल पाठ पर लागू होता है?

नहीं, हाइपरलिंक का उपयोग ग्रंथों और चित्रों दोनों पर किया जा सकता है। HTML एंकर टैग हाइपरलिंक को परिभाषित करता है जो एक पृष्ठ को दूसरे पृष्ठ से जोड़ता है। 

एचटीएमएल एंकर टैग की "href" विशेषता सबसे महत्वपूर्ण विशेषता है।


<a href = "..........."> Link Text </a>


Q 13. Style Sheet क्या है?

एक Style Sheet का उपयोग सुसंगत, परिवहनीय, और अच्छी तरह से डिजाइन की गई शैली के खाके को बनाने के लिए किया जाता है। 

आप इन टेम्प्लेट को कई अलग-अलग वेब पेजों पर जोड़ सकते हैं। यह मार्कअप भाषा में लिखे गए दस्तावेज़ के रूप और स्वरूपण का वर्णन करता है।

Q 14.  layout of HTML की व्याख्या करें।

HTML लेआउट एक तरीका निर्दिष्ट करता है जिसमें वेब पेज व्यवस्थित होता है। प्रत्येक वेबसाइट में विशिष्ट तरीके से सामग्री प्रदर्शित करने के लिए एक विशिष्ट लेआउट होता है।

 निम्नलिखित HTML तत्व हैं जो वेबपृष्ठ के विभिन्न भागों को परिभाषित करने के लिए उपयोग किए जाते हैं:


html interview questions and answers
html interview questions and answers

  •     <header>: इसका उपयोग किसी दस्तावेज़ या अनुभाग के लिए हेडर को परिभाषित करने के लिए किया जाता है।
  •     <nav>: यह नेविगेशन लिंक के लिए एक कंटेनर को परिभाषित करता है
  •     <section>: इसका उपयोग किसी दस्तावेज़ में एक अनुभाग को परिभाषित करने के लिए किया जाता है
  •     <article>: इसका उपयोग एक स्वतंत्र, स्व-निहित लेख को परिभाषित करने के लिए किया जाता है
  •     <aside>: इसका उपयोग सामग्री से अलग सामग्री को परिभाषित करने के लिए किया जाता है
  •     <footer>: इसका उपयोग किसी दस्तावेज़ या अनुभाग के लिए पाद लेख को परिभाषित करने के लिए किया जाता है


Q 15. marquee क्या है?

Marquee का उपयोग किसी वेब पेज पर स्क्रॉलिंग टेक्स्ट के लिए किया जाता है। 

यह छवि या पाठ को ऊपर, नीचे, बाएँ या दाएँ स्वचालित रूप से स्क्रॉल करता है। 

आपको वह पाठ डालना चाहिए जिसे आप <marquee> …… </ marquee> टैग के भीतर स्क्रॉल करना चाहते हैं।


Q 16. texts के एक section को अलग करने के लिए उपयोग किए जाने वाले टैग क्या हैं?


तीन टैग हैं जिनका उपयोग ग्रंथों को अलग करने के लिए किया जा सकता है:

  •     <br> Tag - आमतौर पर <br> टैग का उपयोग टेक्स्ट की लाइन को अलग करने के लिए किया जाता है। यह वर्तमान रेखा को तोड़ता है और प्रवाह को अगली पंक्ति तक पहुँचाता है
  •     <p> tag - इसमें एक नया पैराग्राफ के रूप में पाठ होता है।
  •     <blockquote> Tag - इसका उपयोग एक बड़े उद्धृत अनुभाग को परिभाषित करने के लिए किया जाता है। यदि आपके पास एक बड़ा उद्धरण है, तो पूरा पाठ <blockquote> ……… </ Blockquote> टैग के भीतर रखें।

Q17. HTML में DIV and SPAN में क्या अंतर है?

स्पैन और डिव के बीच का अंतर यह है कि एक स्पैन एलिमेंट इन-लाइन है और आमतौर पर एक लाइन के अंदर HTML के एक छोटे हिस्से के लिए उपयोग किया जाता है, जैसे कि एक पैराग्राफ के अंदर। 

जबकि, एक div या विभाजन तत्व ब्लॉक-लाइन है, जो पहले और बाद में एक लाइन-ब्रेक होने के बराबर है और कोड के बड़े हिस्से को समूह में उपयोग करता है।

Example for interview question for html in Hindi


<div id="HTML">
This is <span class="Web Dev">interview</span>
</div>

Q18. alternative texts in images का उपयोग करने का उद्देश्य क्या है?

वैकल्पिक ग्रंथों का उपयोग करने का उद्देश्य यह निर्धारित करना है कि छवि किस बारे में है। 

एक छवि मानचित्रण के दौरान, यह समझना और मुश्किल हो सकता है कि हॉटस्पॉट किसी विशेष लिंक के अनुरूप क्या हैं। 

ये वैकल्पिक पाठ यहां आते हैं और प्रत्येक लिंक पर एक विवरण डालते हैं जो उपयोगकर्ताओं के लिए हॉटस्पॉट लिंक को आसानी से समझना आसान बनाता है।

Q 19. एक नया HTML एलिमेंट कैसे बनाएं?

आप निम्नलिखित तरीके से दस्तावेज़ के लिए नए element बना सकते हैं:

<script>
document.createElement﴾"myElement"﴿
</script>

 इसका उपयोग HTML में भी किया जा सकता है:

<myElement>hello edureka!</myElement>


Q 20. <! DOCTYPE html> टैग को HTML टैग माना जाता है?

नहीं, <! DOCTYPE HTML> घोषणा HTML टैग नहीं है।

HTML कई प्रकार के होते हैं, जैसे कि HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 फ्रेमसेट, XHTML 1.0 स्ट्रिक्ट, XHTML 1.0 Transitional, XHTML 1.0 फ्रेम्ससेट, XHTML 1.1 इत्यादि, इसलिए <! DOCYYPE html> का उपयोग निर्देश देने के लिए किया जाता है! HTML पेज के बारे में वेब ब्राउज़र।


Q 21. HTML में एक URL इनकोडेड क्यों है?

एक URL को गैर-ASCII वर्णों को एक प्रारूप में बदलने के लिए एन्कोड किया गया है जिसका उपयोग इंटरनेट पर किया जा सकता है क्योंकि एक URL केवल ASCII वर्ण-सेट का उपयोग करके इंटरनेट पर भेजा जाता है। 

यदि किसी URL में ASCII सेट के बाहर वर्ण हैं, तो URL को परिवर्तित करना होगा। 

गैर-ASCII वर्णों को "%" के साथ बदल दिया जाता है और उसके बाद हेक्साडेसिमल अंक प्राप्त होते हैं।


Q 22. आइफ्रेम टैग का उपयोग क्या है?

एक वेब पेज के भीतर एक वेब पेज प्रदर्शित करने के लिए एक iframe का उपयोग किया जाता है।

Syntax: -

<iframe src="URL"></iframe>

 Example:-

<iframe src="demo_iframe.html" width="200px" height="200px"></iframe>

 Target to a link:-

<iframe src="<a href="https://www.computerinhindi.info/p/computer-in-hindi.html">https://www.computerinhindi.info/p/computer-in-hindi.html</a>" name="iframe_a"></iframe>

Q 23. HTML में कौन सी  entities हैं?

HTML वर्ण इकाइयाँ HTML में आरक्षित वर्णों के प्रतिस्थापन के रूप में उपयोग की जाती हैं। 

आप उन कीबोर्ड को भी बदल सकते हैं, जो आपके कीबोर्ड पर मौजूद नहीं हैं।

 इन वर्णों को प्रतिस्थापित किया जाता है क्योंकि कुछ वर्ण HTML में आरक्षित हैं।


Q24. क्या आप  multi-colored text on a web page बना सकते हैं?

हां, हम वेब पेज पर एक बहुरंगी टेक्स्ट बना सकते हैं। एक बहुरंगा पाठ बनाने के लिए, आप उन विशिष्ट ग्रंथों के लिए <font color = "color"> </ font> का उपयोग कर सकते हैं जिन्हें आप रंग करना चाहते हैं।


Q 25. वेब पेज की  background image का picture कैसे बनाएं?

वेब पेज पर चित्र को पृष्ठभूमि की छवि बनाने के लिए, आपको </ head> टैग के बाद निम्नलिखित टैग कोड डालना चाहिए।

<body background = "image.gif">


यहां, अपनी छवि फ़ाइल के नाम के साथ "image.gif" को बदलें, जिसे आप अपने वेब पेज पर प्रदर्शित करना चाहते हैं।


Q 26. स्पैन टैग का उपयोग क्या है? उदाहरण सहित स्पष्ट कीजिए।

स्पैन टैग का उपयोग निम्नलिखित चीजों के लिए किया जाता है:

  •     पाठ पर रंग जोड़ने के लिए
  •     पाठ पर पृष्ठभूमि जोड़ने के लिए
  •     किसी भी रंग के पाठ को हाइलाइट करें


Example for interview question for html in Hindi:


<span style="color:#ffffff;">
In this page we use span.
</span>

Q 27. white space collapsing से क्या लाभ है?

सफेद स्थान अंतरिक्ष वर्णों का एक रिक्त क्रम है, जिसे HTML में एकल स्थान वर्ण के रूप में माना जाता है। 

क्योंकि ब्राउज़र एक ही स्थान में कई स्थानों को ध्वस्त करता है, आप कई स्थानों के बारे में चिंता किए बिना पाठ की पंक्तियों को इंडेंट कर सकते हैं।

 यह आपको HTML कोड को अधिक पठनीय प्रारूप में व्यवस्थित करने में सक्षम बनाता है।


Q 28. क्या HTML फ़ाइल में सूची तत्वों को सीधे रखने का कोई तरीका है?

इंडेंट का उपयोग करके, आप सूची तत्वों को सीधा रख सकते हैं। यदि आप प्रत्येक उप नेस्टेड सूची को मूल सूची से आगे इंडेंट करते हैं, तो आप आसानी से विभिन्न सूचियों और उन तत्वों को निर्धारित कर सकते हैं जिनमें यह शामिल है।

Q 29. LocalStorage And SessionStorage Objects के बीच प्रमुख अंतर बताएं।


स्थानीयस्टोरेज और सेशनस्टोरेज की वस्तुओं के बीच मुख्य अंतर इस प्रकार हैं:

  •     लोकलस्टोरेज ऑब्जेक्ट बिना एक्सपायरी डेट के डेटा को स्टोर करता है। हालाँकि, sessionStorage ऑब्जेक्ट केवल एक सत्र के लिए डेटा संग्रहीत करता है।
  •     लोकलस्टोरेज ऑब्जेक्ट के मामले में, ब्राउज़र विंडो बंद होने पर डेटा डिलीट नहीं होगा। हालांकि, सत्रस्टेज ऑब्जेक्ट्स के मामले में ब्राउज़र विंडो बंद होने पर डेटा हटा दिया जाता है।
  •     सेशनस्टोरेज में डेटा केवल ब्राउज़र की वर्तमान विंडो में ही पहुंच योग्य है। लेकिन, लोकलस्टोरेज में डेटा ब्राउजर की कई विंडो के बीच शेयर किया जा सकता है।


Q30. फ्रेम का उपयोग कब करना उचित है?

फ्रेम्स साइट को नेविगेट करना बहुत आसान बना सकते हैं। यदि साइट के मुख्य लिंक एक फ्रेम में स्थित हैं जो ब्राउज़र के शीर्ष पर या किनारे पर दिखाई देता है, तो उन लिंक के लिए सामग्री को शेष ब्राउज़र विंडो में प्रदर्शित किया जा सकता है।


Q31. एक वेब पेज की  background image में एक तस्वीर कैसे डालें?

चित्र को पृष्ठभूमि चित्र में सम्मिलित करने के लिए, आपको निम्नलिखित तरीके से </ head> टैग के बाद एक टैग कोड रखने की आवश्यकता है:

<body background = “image.gif”>


अब, अपनी छवि फ़ाइल के नाम के साथ image.gif को बदलें। यह तस्वीर लेगा और इसे आपके वेब पेज की पृष्ठभूमि छवि बना देगा।


Q32. यदि आप किसी ब्राउज़र में external CSS file खोलते हैं तो क्या होता है?

जब आप किसी ब्राउज़र में बाहरी CSS फ़ाइल को खोलने का प्रयास करते हैं, तो ब्राउज़र फ़ाइल को नहीं खोल सकता है, 

क्योंकि फ़ाइल में एक अलग एक्सटेंशन है। बाहरी CSS फ़ाइल का उपयोग करने का एकमात्र तरीका यह है कि इसे किसी अन्य HTML दस्तावेज़ में <link/> टैग का उपयोग करके संदर्भित किया जाए।

These all are the most important html interview questions and answers and we are still adding some more interview question for html .

 

0 Comments:

Post a Comment