Professional Documents
Culture Documents
Hyper Text Markup Language (HTML) एक प्रकार का language है जिसका उपयोग web page बनाने के लिए किया
जाता है| यह World Wide Web (WWW)
की एक standard language है जिसके जरिये web browser को यह बताया जाता है की हमारे web page के content को
कै से display किया जाए।
HTML page में किसी content की formatting के लिए उसे tags के अंदर रखा जाता है। HTML tag दो symbols,
less than (<) और greater than
(>) का उपयोग करता है| इसके अलावा slash ( / ) symbol का उपयोग tag को close करने के लिए किया जाता है| इसका
उदाहरण नीचे देख सकते हैं:
<strong>example</strong>
HTML element एक प्रकार के structure को represent करता है जो की तीन चीजों से मिलकर बना होता है –
start tag
content
end tag
आप नीचे paragraph element का एक उदाहरण देख सकते हैं:
<p>This is the content of the paragraph element.</p>
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>
ज्यादातर tags के end tag होते हैं लेकिन कु छ tags जैसे <br>,<hr>, <img>, <input>, <link>, <meta> आदि
के closing tag नही होते।
HTML में <h1> से लेकर <h6> तक 6 प्रकार के heading tags होते हैं जिनमे से ज्यादातर <h1>, <h2>, <h3> और
<h4> का use किया जाता है।
इसके लिए <font> tag में size attribute का उपयोग कर font की size define की जाता है। Example के लिए
आप नीचे देख सकते हैं:
<font size=”12”>Sample text</font>
इसके लिए <body> tag में एक attribute bgcolor का उपयोग किया जाता है|
उदाहरण:
<body bgcolor=”lightblue”>
<body> tag में background attribute use करके किसी image को पूरे वेब पेज का background बना सकते हैं|
<body background=”image.jpg”>
की data को एक स्थान से दुसरे स्थान send करने के लिए एक interface की जरूरत पड़ती है जिसे HTML में form tag से
design किया जाता है|
<form> tag से data upload करने के लिए आपको किसी server side scripting जैसे php, asp.net आदि की
जरूरत पडती है|
HTML में form बनाने के लिए एक छोटा सा example नीचे दिया गया है:
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 करना आसान नही होता|
16. क्या सिर्फ <br> tag से ही text sections को separate किया जा सकता है?
नही, <br> के अलावा <p> tag या<blockquote> tag का भी use कर सकते हैं|
DOCTYPE browser को यह बताता है की open किये गये web page में किस प्रकार का HTML use किया जा रहा है इससे
browser को पता चलता है
की उस पेज को कै से render किया जाय| सही DOCTYPE use करना जरूरी है नही तो आपका वेब पेज quirks mode में open
हो सकता है|
Quirks mode एक प्रकार का default compatibility mode होता है जो की अलग-अलग browser में अलग-अलग हो
सकता है|
इस mode में browser स्वयं तय करता है की पेज के content को किस standard के अनुसार render किया जाय|
Web में उपयोग होने वाले सारे technologies के standards को World Wide Web Consortium (W3C)
define करता है|
Copyright symbol बनाने के लिए आपको © या © type करना होगा|
Ordered list – यह एक प्रकार का numbered list होता है इसे बनाने के लिए <ol> tag का use किया जाता है|
Unordered list – इस प्रकार के list में numbers की जगह bullets होते हैं| इसे <ul> tag से बनाया जाता है|
Bullet का color हमेशा list item के first character के color जैसा होता है| यदि bullet का color
change करना है तो
<font> tag से first character के color को बदलना होगा|
नही, आप इसे 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”
होगी|
उदाहरण:
<head> section के अंदर meta refresh का code लिख कर html page को automatically किसी दुसरे पेज पर
redirect
किया जा सकता है| इसका उदाहरण आप नीचे देख सकते हैं:
Email link बनाने के लिए आप नीचे दिया गया कोड use कर सकते हैं:
इसके लिए http://validator.w3.org/ पर जाकर अपने पेज का url enter करें या direct html code को copy
करके paste करें और
submit button press करें|
Cellsapcing: यह <table> tag का एक attribute है जो की define करता है की cells के बीच कितना space
होगा|
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>
इसके लिए आपको नीचे दिए गये example की तरह <body> tag में कु छ attributes जोड़ने होंगे|
<pre> tag का मतलब होता है pre-formatted text, इस tag के अंदर हम जो भी text लिखते हैं वह fixed-width
font में display होता है,
यह sapce और line break दोनों को preserve करता है और text को as it is display करता है|
sapn tag का उपयोग mainly text formatting के लिए किया जाता है जिसमे कु छ text पर CSS के जरिये style
apply किये जाते हैं|
<span> tag से नीचे दिए गये कु छ काम किये जाते हैं:
<marquee> tag का उपयोग scrolling text बनाने के लिए किया जाता है इस tag के अंदर का content move होता
हुआ दिखाई देता है|
HTML में टेबल के अन्दर row और column बनाने के लिए tr और td tag का use किया जाता है।
<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 सबसे कम होता है।
39. Dropdown List बनाने के लिए कौन सा HTML tag उपयोग होता है?
HTML में ड्रॉप डाउन लिस्ट के लिए select tag का उपयोग होता है जिसका उदहारण निचे दिया गया है:
HTML document के अंदर जावास्क्रिप्ट के कोड को लिखने के लिए script element का उपयोग होता है।
<script> और </script> के अंदर JavaScript के कोड लिखे जाते हैं।