Top 40 HTML Interview Questions and Answers in Hindi

आज हम इस article में top 40 HTML interview questions और उनके answers के बारे में जानेगे जो की आपके लिए exams और interviews में उपयोगी साबित होंगे। हमने HTML के कुछ ऐसे important सवालों की list बनाई है जो की ज्यादातर interviews और exams में पूछे जाते हैं और इन questions and answers को हमने हिंदी में तैयार किया है ताकि आपको समझने में ज्यादा आसानी हो।

पढ़ें: सिर्फ 20 मिनट में सीखें HTML हिंदी में

HTML Interview Questions in Hindi

html-interview-questions-hindi

1. HTML क्या है?

Hyper Text Markup Language (HTML) एक प्रकार का language है जिसका उपयोग web page बनाने के लिए किया जाता है| यह World Wide Web (WWW) की एक standard language है जिसके जरिये web browser को यह बताया जाता है की हमारे web page के content को कैसे display किया जाए।

2. Tag क्या है?

HTML page में  किसी content की formatting के लिए उसे tags के अंदर रखा जाता है। HTML tag दो symbols, less than (<) और greater than (>) का उपयोग करता है| इसके अलावा slash ( / ) symbol का उपयोग tag को close करने के लिए किया जाता है| इसका उदाहरण नीचे देख सकते हैं:

<strong>example</strong>

3. HTML element क्या है?

HTML element एक प्रकार के structure को represent करता है जो की तीन चीजों से मिलकर बना होता है –

  1. start tag
  2. content
  3. end tag

आप नीचे paragraph element का एक उदाहरण देख सकते हैं:

<p>This is the content of the paragraph element.</p>

4. HTML attribute क्या है?

HTML attribute किसी element की property को define करता है। इसे element के start tag के अंदर लिखा जाता है| एक attribute दो चीजों attribute name और value से मिलकर बना होता है। एक element में अलग-अलग प्रकार के कई attributes हो सकते हैं।


नीचे आप उदाहरण में <a> tag का example देख सकते हैं जहाँ href attribute का उपयोग किया गया है|

<a href="https://www.webinhindi.com">This is a link</a>

5. HTML file का extension क्या होता है?

HTML file का extension .html या .htm हो सकता है।

6. क्या सभी tags के end tag होते हैं?

ज्यादातर tags के end tag होते हैं लेकिन कुछ tags जैसे <br>,<hr>, <img>, <input>, <link>, <meta> आदि के closing tag नही होते।

7. Line break के लिए कौन सा tag use किया जाता है?

<br> tag का उपयोग line break के लिए किया जाता है।

8. HTML में कितने प्रकार के headings होते हैं?

HTML में <h1> से लेकर <h6> तक 6 प्रकार के heading tags होते हैं जिनमे से ज्यादातर <h1>, <h2>, <h3> और <h4> का use किया जाता है।

9. HTML में font का size कैसे बदला जाता है?

इसके लिए <font> tag में size attribute का उपयोग कर font की size define की जाता है। Example के लिए आप नीचे देख सकते हैं:

<font size=”12”>Sample text</font>

10. HTML से web page का background color कैसे बदला जाता है?

इसके लिए  <body> tag में एक attribute bgcolor का उपयोग किया जाता है|
उदाहरण:

<body bgcolor=”lightblue”>


11. Web page के background में image कैसे लगायें?

<body> tag में background attribute use करके किसी image को पूरे वेब पेज का background बना सकते हैं|

<body background=”image.jpg”>

12. HTML में comment कैसे  लिखा जाता है?

HTML comment  “<!–” से start होता है और “–>” से end होता है|
उदाहरण:

<!-- A sample comment -->

13. HTML form क्या है?

की data को एक स्थान से दुसरे स्थान send करने के लिए एक interface की जरूरत पड़ती है जिसे HTML में form tag से design किया जाता है| <form> tag से data upload करने के लिए आपको किसी server side scripting जैसे php, asp.net आदि की जरूरत पडती है|
HTML में form बनाने के लिए एक छोटा सा example नीचे दिया गया है:

<form method=”post” action=”getinput.php”>Name: <input type=”text” name=”user”>Password: <input type=”password” name=”pass”><input type=”submit” value=”Login”></form>

14. Get और post method में क्या अंतर है?

HTML form में दो तरह के methods use होते हैं, get और post इन दोनों में अंतर कुछ इस प्रकार है:

  • Get method से send किया गया data secure नही होता क्यों की यह URL का एक part होता है जो की browser history और server log में plain text के रूर्प में save हो जाता है|
  • Get method से हम limited data send कर सकते हैं क्योंकि यह URL का part होता है जिसकी length limited होती है|
  • Post method से भेजा गया  data URL में display नही होता जिससे सुरक्षित होता है और hack करना आसान नही होता|

15. Empty HTML elements क्या हैं?

ऐसा element जिसमे कोई content न हो जैसे <br> element.

16. क्या सिर्फ <br> tag से ही text sections को separate किया जा सकता है?

नही, <br> के अलावा <p> tag या<blockquote> tag का भी use कर सकते हैं|

17. DOCTYPE क्या है?

DOCTYPE  browser को यह बताता है की open किये गये web page में किस प्रकार का HTML use किया जा रहा है इससे browser को पता चलता है की उस पेज को कैसे render किया जाय| सही DOCTYPE use करना जरूरी है नही तो आपका वेब पेज quirks mode में open हो सकता है|

18. Quirks mode क्या है?

Quirks mode एक प्रकार का default compatibility mode होता है जो की अलग-अलग browser में अलग-अलग हो सकता है| इस mode में browser स्वयं तय करता है की पेज के content को किस standard के अनुसार render किया जाय|

19. Web standards कौन बनता है?

Web में उपयोग होने वाले सारे technologies के standards को World Wide Web Consortium (W3C) define करता है|

20. HTML में copyright  symbol कैसे बनायें?

Copyright symbol बनाने के लिए आपको &copy; या &#169; type करना होगा|

21. HTML में ordered list और unordered list क्या हैं?

Ordered list – यह एक प्रकार का numbered list होता है इसे बनाने के लिए <ol> tag का use किया जाता है|

<ol><li>Item 1</li><li>Item 2</li><li>Item 3</li></ol>

Unordered list – इस प्रकार के list में numbers की जगह bullets होते हैं| इसे <ul> tag से बनाया जाता है|

<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li></ul>

22. क्या bullet के color को बदला जा सकता है?

Bullet का color हमेशा list item के first character के color जैसा होता है| यदि bullet का color change करना है तो <font> tag से first character के color को बदलना होगा|

23. क्या hyperlink केवल text पर apply होता है?

नही, आप इसे image पर भी use कर सकते हैं यानि image पर भी link create कर सकते हैं|
पढ़ें: HTML Link के Types और उनके उपयोग


24. Link पर click करने पर page नये tab या window में open हो इसके लिए क्या करना होगा?

जब hyperlink बनाया जाता है तब हमारे पास यह option होता है की जब user उस link पर click करे तो link किया गया पेज कहाँ पर open होगा|

नए tab में page को open कराने के लिए <a> tag में target attribute जोड़ना होगा जिसकी value “_blank” होगी|
उदाहरण:

<a target=”_blank” href=”https://webinhindi.com”>Click Here</a>

25. HTML से किसी दुसरे page पर redirect कैसे करें?

<head> section के अंदर meta refresh का code लिख कर html page को automatically किसी दुसरे पेज पर redirect किया जा सकता है| इसका उदाहरण आप नीचे देख सकते हैं:

<meta http-equiv="Refresh" content="5; url=https://www.webinhindi.com">

इस code से page 5 seconds के बाद webinhindi.com पर redirect हो जाएगी|

26. Email link कैसे बनायें?

Email link बनाने के लिए आप नीचे दिया गया कोड use कर सकते हैं:

<a href="mailto:email@domain.com">Email Me </a>

27. HTML page के error को कैसे check करें?

इसके लिए http://validator.w3.org/ पर जाकर अपने पेज का url enter करें या direct html code को copy करके paste करें और submit button press करें|

28. क्या HTML के source code को hide कर सकते हैं?

ऐसा करना सम्भव नही है|

29. Table में cellspacing और cellpadding क्या है?

Cellsapcing: यह <table> tag का एक attribute है जो की define करता है की cells के बीच कितना space होगा|


Cellpadding: यह भी cellsapcing की तरह table का एक attribute है| यह cell और उसके अंदर के content के बीच के space को define करता है|

30. HTML table में colspan और rowspan क्या है?

Colspan: इस attribute से यह तय किया जाता है की किसी particular cell की size कितने columns के बराबर span करेगी|
उदाहरण:

<tr>    <td colspan="2">Total</td></tr>

Rowspan: cell का फैलाव कितने row के बराबर होगी इसे rowspan attribute से define किया जाता है |
उदाहरण:

<tr>    <td>Price</td>    <td>100</td>    <td rowspan="2">Total</td></tr>

31. पूरे पेज के texts और links के color को कैसे change करें?

इसके लिए आपको नीचे दिए गये example की तरह <body> tag में कुछ attributes जोड़ने होंगे|

<body TEXT="#000000" LINK="#000000" VLINK="#000000" ALINK="#ffff00">
  • TEXT – इस attribute से पूरे पेज के texts के color को change कर सकते हैं|
  • LINK – पेज में जितने भी links होंगे सभी के color को एकसाथ बदलने के लिए इसका उपयोग किया जाता है|
  • VLINK – ऐसे links जिन्हें पहले से visit किया जा चुका है visited links कहलाते हैं| इसके कलर को बदलने के लिए इस attribute का उपयोग किया जाता है|
  • ALINK – Active link के कलर को change करने के लिए इसका use किया जाता है|

32. <pre> tag का क्या उपयोग है?

<pre> tag का मतलब होता है pre-formatted text, इस tag के अंदर हम जो भी text लिखते हैं वह fixed-width font में display होता है, यह sapce और line break दोनों को preserve करता है और text को as it is display करता है|

<pre>Text in a pre elementpreservesboth spaces andline breaks</pre>

33. <span> tag का क्या उपयोग है?

sapn tag का उपयोग mainly text formatting के लिए किया जाता है जिसमे कुछ text पर CSS के जरिये style apply किये जाते हैं| <span> tag से नीचे दिए गये कुछ काम किये जाते हैं:

  • Text में color add करना 
  • Text के background में image डालना 
  • Text को highlight करना 
<p><span style="color:#000000;"> In this page we use span. </span></p>

ध्यान रहे अकेला span tag कुछ नही कर सकता, style apply करने के लिए CSS की जरूरत पड़ेगी

34. Marquee tag क्या है?

<marquee>  tag का उपयोग scrolling text बनाने के लिए किया जाता है इस tag के अंदर का content move होता हुआ दिखाई देता है|

<marquee> Your text here... </marquee>

35. HTML button कैसे बनायें जो की link की तरह काम करे?

इसके लिए नीचे दिया गया कोड use कर सकते हैं:

<FORM ACTION="[URL]" METHOD=GET><INPUT TYPE=submit VALUE="Text on button"></FORM>

36. HTML में tr और td tag का क्या उपयोग है?

HTML में टेबल के अन्दर row और column बनाने के लिए tr और td tag का use किया जाता है।

  • TR का full form Table Row होता है
  • TD का मतलब Table Data होता है

HTML table का उदाहरण देखें:

<table>
<tr>
<td>1st row - column 1</td>
<td>1st row - column 2</td>
</tr>
<tr>
<td>2nd row - column 1</td>
<td>2nd row - column 2</td>
</tr>
</table>

37. कौन से टैग का उपयोग एचटीएमएल दस्तावेज़ में हेडिंग प्रदर्शित करने के लिए किया जाता है?

HTML document में heading tag के द्वारा हैडिंग को दर्शाया जाता है। हैडिंग टैग <h1>, <h2>, <h3>, <h4>, <h5> और <h6> होते हैं जिनमे h1 tag द्वारा लिखी गयी लाइन का साइज़ सबसे अधिक और h6 tag का size सबसे कम होता है।

38. एचटीएमएल में कुल कितनी हेडिंग होती है?

HTML कुल 6 हैडिंग होते हैं: h1, h2, h3, h4, h5 और H6.

39. Dropdown List बनाने के लिए कौन सा HTML tag उपयोग होता है?

HTML में ड्रॉप डाउन लिस्ट के लिए select tag का उपयोग होता है जिसका उदहारण निचे दिया गया है:

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

40. किस एचटीएमएल तत्वों (elements) के अंदर जावास्क्रिप्ट डालते हैं?

HTML document के अंदर जावास्क्रिप्ट के कोड को लिखने के लिए script element का उपयोग होता है। <script> और </script> के अंदर JavaScript के कोड लिखे जाते हैं।

उम्मीद है यह HTML interview questions & answers की list आपके लिए फायदेमंद साबित होंगे| यदि आपको लगता है की इसमें कुछ और questions add किये जा सकते हैं तो आप comment के माध्यम से हमें बता सकते हैं|

Vivek Vaishnav
Vivek Vaishnav

नमस्कार, मैं विवेक, WebInHindi का founder हूँ। इस ब्लॉग से आप वेब डिजाईन, वेब डेवलपमेंट, Blogging से जुड़े जानकारियां और tutorials प्राप्त कर सकते हैं। अगर आपको हमारा यह ब्लॉग पसंद आये तो आप हमें social media पर follow कर हमारा सहयोग कर सकते हैं|

8 Comments

  3. Hello sir ye bhut helpful he but aap or questions add kr skte he jese:-
    Html and HTML5 me difference
    Symetric tag konse hote he
    Meta character kya he
    and etc..
    Thank you

Leave a Reply

Your email address will not be published. Required fields are marked *