HTML Interview Questions and Answers in Hindi

HTML Interview Questions and Answers in Hindi

HTML (HyperText Markup Language) वेब डेवलपमेंट का आधार है। चाहे आप एक फ्रेशर हों या एक्सपीरियंस्ड प्रोफेशनल, HTML के इंटरव्यू प्रश्न तैयार करना ज़रूरी है। यहाँ महत्वपूर्ण HTML इंटरव्यू प्रश्न और उत्तर हिंदी (HTML Interview Questions and Answers in Hindi) में दिए गए हैं ।

HTML Interview Questions and Answers in Hindi

HTML Interview Questions and Answers in Hindi

यहाँ महत्वपूर्ण HTML इंटरव्यू प्रश्न और उत्तर हिंदी (HTML Interview Questions and Answers in Hindi) में दिए गए हैं ।

Q: HTML का पूरा नाम क्या है?

उत्तर: HyperText Markup Language.

Q: HTML टैग और एलिमेंट में क्या अंतर है?

उत्तर: टैग (जैसे <p>) एलिमेंट को शुरू या समाप्त करते हैं, जबकि एलिमेंट टैग और कंटेंट का संयोजन होता है।

Q: DOCTYPE का क्या उपयोग है?

उत्तर: यह ब्राउज़र को HTML वर्शन बताता है, जैसे: <!DOCTYPE html> HTML5 के लिए।

Q: HTML में कमेंट कैसे लिखें?

उत्तर: <!-- यह एक कमेंट है -->

Q: एक वेबपेज का बेसिक स्ट्रक्चर क्या होता है?

उत्तर:

htmlCopy<!DOCTYPE html> <html> <head> <title>Title</title> </head> <body> </body> </html> Run HTML

Q: <head> और <body> टैग में क्या अंतर है?

उत्तर: <head> में मेटाडेटा (title, CSS links) होता है, जबकि <body> में वेबपेज कंटेंट होता है।

Q: HTML एट्रिब्यूट क्या होते हैं?

उत्तर: एट्रिब्यूट टैग को एक्स्ट्रा इनफॉर्मेशन देते हैं, जैसे: 

<img src="image.jpg"> में srcएट्रिब्यूट।

Q: लिस्ट बनाने के लिए कौन-से टैग यूज़ होते हैं?

उत्तर:

  • Ordered List: <ol>
  • Unordered List: <ul>
  • List Item: <li>

Q: HTML लिंक कैसे बनाएं?

उत्तर: 

<a href="https://example.com">लिंक</a>

Q: इमेज कैसे एड करें?

उत्तर: 

<img src="image.jpg" alt="विवरण">

Q: फॉर्म कैसे बनाते हैं?

उत्तर:

htmlCopy<form action="/submit" method="post"> <input type="text" name="username"> <input type="submit"> </form> Run HTML

Q: GET और POST मेथड में अंतर?

उत्तर: GET डेटा URL में भेजता है, POST डेटा हिडन तरीके से।

Q: टेबल कैसे बनाएँ?

उत्तर: 

htmlCopy<table> <tr> <th>हेडर</th> </tr> <tr> <td>डेटा</td> </tr> </table> Run HTML

Q: HTML5 में नए सेमेंटिक टैग कौन-से हैं?

उत्तर:

<header>, <footer>, <article>, <section>, <nav>।

Q: आईफ्रेम क्या है?

उत्तर: दूसरे वेबपेज को एम्बेड करने के लिए:

<iframe src="page.html"></iframe>

HTML Interview Questions and Answers in Hindi

Q: कैनवस (Canvas) टैग का उपयोग क्या है?

उत्तर: ग्राफ़िक्स ड्रॉ करने के लिए JavaScript के साथ।

Q: SVG और Canvas में अंतर?

उत्तर: SVG वेक्टर-बेस्ड है, Canvas पिक्सेल-बेस्ड।

Q: वेब स्टोरेज (LocalStorage vs SessionStorage)?

उत्तर: LocalStorage डेटा परमानेंट, SessionStorage टैब बंद होने तक।

Q: जियोलोकेशन API क्या है?

उत्तर: यूज़र का लोकेशन ट्रैक करने के लिए।

Q: ऑडियो/वीडियो एम्बेड कैसे करें?

उत्तर:

htmlCopy<audio controls> <source src="audio.mp3" type="audio/mpeg"> </audio> Run HTML

Q: HTML5 में Web Workers का उपयोग क्या है?

उत्तर: यह बैकग्राउंड में JavaScript को चलाने के लिए उपयोग किया जाता है, ताकि मुख्य थ्रेड ब्लॉक न हो।

Q: Drag और Drop API के लिए कौन-से HTML5 एट्रिब्यूट यूज़ होते हैं?

उत्तर:

  • draggable="true" (ऑब्जेक्ट को ड्रैग करने योग्य बनाता है)।
  • ondragstart, ondragover, ondrop जैसे इवेंट हैंडलर्स।

Q: ContentEditable एट्रिब्यूट का क्या उपयोग है?

उत्तर: यूज़र को HTML कंटेंट को एडिट करने की अनुमति देता है, जैसे:

<div contenteditable="true">एडिट करें</div>

Q: HTML में Data- एट्रिब्यूट कैसे काम करते हैं?*

उत्तर: कस्टम डेटा स्टोर करने के लिए, जैसे:

<div data-id="123"></div>
JavaScript में dataset प्रॉपर्टी से एक्सेस किया जा सकता है।

Q: ARIA रोल क्या हैं और वे एक्सेसिबिलिटी में कैसे मदद करते हैं?

उत्तर: ARIA (Accessible Rich Internet Applications) स्क्रीन रीडर्स को वेब एलिमेंट्स की भूमिका बताता है, जैसे:

<nav role="navigation">

Q: Meta टैग में Charset UTF-8 क्यों ज़रूरी है?

उत्तर: यह करैक्टर एन्कोडिंग सेट करता है, ताकि विशेष करैक्टर (जैसे: हिंदी) सही दिखें:

<meta charset="UTF-8">

Q: HTML में फेविकॉन कैसे सेट करें?

उत्तर:

<link rel="icon" type="image/x-icon" href="favicon.ico">

Q: Picture टैग का उपयोग कब करना चाहिए?

उत्तर: रिस्पॉन्सिव इमेजेस के लिए, जब अलग-अलग स्क्रीन साइज के लिए अलग सोर्स फाइलें हों:

htmlCopy<picture> <source media="(min-width: 768px)" srcset="large.jpg"> <img src="small.jpg"> </picture> Run HTML

Q: HTML में Mailto लिंक कैसे बनाएँ?

उत्तर:

<a href="mailto:example@email.com">ईमेल करें</a>

Q: HTML में Download एट्रिब्यूट का क्या उपयोग है?

उत्तर: लिंक क्लिक करने पर फाइल डाउनलोड होती है:

<a href="file.pdf" download>PDF डाउनलोड</a>

Q: IFrame के सैंडबॉक्स एट्रिब्यूट का क्या महत्व है?

उत्तर: यह IFrame की अनुमतियों को रिस्ट्रिक्ट करता है, जैसे स्क्रिप्ट्स या फॉर्म सबमिशन ब्लॉक करना:

<iframe sandbox="allow-scripts" src="page.html"></iframe>

Q: Web Components क्या हैं और HTML में उनका उपयोग कैसे करें?

उत्तर: ये कस्टम, रियूजेबल एलिमेंट्स बनाने की टेक्निक हैं, जैसे:

htmlCopy<template id="my-component"> <!-- कंटेंट --> </template> Run HTML

Q: Template टैग का उपयोग कैसे करते हैं?

उत्तर: यह क्लाइंट-साइड कंटेंट को स्टोर करता है जिसे बाद में JavaScript से रेंडर किया जा सकता है।

Q: Progress टैग क्या दर्शाता है?

उत्तर: किसी टास्क की प्रगति (प्रतिशत) दिखाने के लिए:

<progress value="70" max="100"></progress>

Q: Meter टैग का उपयोग कैसे करें?

उत्तर: स्केल या रेंज (जैसे: डिस्क स्पेस) दिखाने के लिए:

<meter value="4" min="0" max="10"></meter>

Q: Spellcheck एट्रिब्यूट कैसे काम करता है?

उत्तर: इनपुट फील्ड में स्पेल चेक सक्षम/अक्षम करता है:

<input type="text" spellcheck="true">

Q: HTML में Hidden एट्रिब्यूट का उपयोग कब करें?

उत्तर: एलिमेंट को UI से छिपाने के लिए:
<div hidden>यह छिपा हुआ है</div>

Q: Input टाइप “Date” और “Datetime-Local” में क्या अंतर है?

उत्तर:

  • type="date": सिर्फ़ दिनांक चुनें।
  • type="datetime-local": दिनांक + समय चुनें।

Q: Autocomplete एट्रिब्यूट कैसे काम करता है?

उत्तर: ब्राउज़र को फॉर्म ऑटोफिल की अनुमति देता है या नहीं:

<input type="text" autocomplete="off">

Q: Form Validation में Required एट्रिब्यूट का क्या रोल है?

उत्तर: फॉर्म सबमिट करने से पहले फील्ड को भरना अनिवार्य बनाता है:

<input type="text" required>

Q: Title और Alt एट्रिब्यूट में क्या अंतर है?

उत्तर:

  • alt: इमेज न दिखने पर टेक्स्ट दिखाता है (एक्सेसिबिलिटी के लिए)।
  • title: हॉवर करने पर टूलटिप दिखाता है।

Q: Tabindex एट्रिब्यूट का उपयोग क्यों किया जाता है?

उत्तर: कीबोर्ड टैब ऑर्डर निर्धारित करता है, जैसे:

<button tabindex="1">पहला बटन</button>

Q: Accesskey एट्रिब्यूट का उपयोग कैसे करते हैं?

उत्तर: कीबोर्ड शॉर्टकट से एलिमेंट को फोकस करने के लिए:

<button accesskey="s">सेव करें (Alt+S)</button>

Q: HTML में लैंग्विज एट्रिब्यूट क्यों ज़रूरी है?

उत्तर: पेज की भाषा घोषित करने के लिए, जो सर्च इंजन और स्क्रीन रीडर्स के लिए उपयोगी है:

<html lang="hi">

Q: HTML5 में WebSocket API का उपयोग कैसे करें?

उत्तर: रियल-टाइम कम्युनिकेशन के लिए JavaScript के साथ:

javascript const socket = new WebSocket("ws://example.com/socket");

निष्कर्ष

ये प्रश्न HTML इंटरव्यू की तैयारी में आपकी मदद करेंगे। प्रैक्टिस करें और कॉन्सेप्ट्स को समझने पर फोकस करें। शुभकामनाएँ!

टिप: HTML के साथ CSS और JavaScript भी सीखें, क्योंकि वेब डेवलपमेंट में ये सभी एक साथ काम करते हैं।

Read More Interview Questions and Answer:

Related posts:

SEO Interview Questions in Hindi

February 6, 2025

CSS Interview Questions and Answers in Hindi

February 10, 2025

WordPress Interview Question in Hindi

February 6, 2025

Views: 3

Translate »
Scroll to Top