Friday, 29 September 2017

Top 35 HTML Interview Questions and Answers in Hindi

html-interview-questions-hindi

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

HTML Interview Questions in 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 crate कर सकते हैं|

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 element
preserves
both spaces and
line 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>


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

नमस्कार, मैं विवेक, WebInHindi का founder हूँ| यह एक मात्र blog है जहाँ से आप web design & development के tutorials हिंदी में प्राप्त कर सकते हैं| अगर आपको हमारा यह ब्लॉग पसंद आये तो आप हमें social media पर follow कर हमारा सहयोग कर सकते हैं|

इस Post से सम्बंधित किसी भी तरह का प्रश्न पूछने या सुझाव देने के लिए नीचे comment कीजिये.
EmoticonEmoticon