एचटीएमएल क्या है?
HTML का अर्थ है H yper T ext M arkup L anguage
HTML वेब पेजों के लिए मानक मार्कअप भाषा है
HTML तत्व HTML पृष्ठों के निर्माण खंड हैं
HTML तत्वों को <> टैग द्वारा दर्शाया जाता है
एचटीएमएल तत्व
एक HTML तत्व बीच में सामग्री के साथ एक प्रारंभ टैग और एक अंत टैग है:
<h1>यह एक शीर्षक है</h1>
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | This is a Heading | </h1> |
| <p> | This is paragraph. | </p> |
एचटीएमएल गुण
- HTML तत्वों में विशेषताएँ हो सकती हैं
- गुण तत्व के बारे में अतिरिक्त जानकारी प्रदान करते हैं
- गुण नाम/मूल्य जोड़े में आते हैं जैसे charset="utf-8"
एक साधारण HTML दस्तावेज़
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Page Title</title>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is
another paragraph.</p>
</body>
</html>
उदाहरण समझाया गया
HTML तत्व HTML पृष्ठों के निर्माण खंड हैं।
<!DOCTYPE html>घोषणा इस दस्तावेज़ को HTML5 के रूप में परिभाषित करती है<html>तत्व एक HTML पृष्ठ का मूल तत्व है- विशेषता दस्तावेज़ की
langभाषा को परिभाषित करती है <meta>तत्व में दस्तावेज़ के बारे में मेटा जानकारी हैcharsetविशेषता दस्तावेज़ में प्रयुक्त वर्ण सेट को परिभाषित करती है- तत्व दस्तावेज़ के
<title>लिए एक शीर्षक निर्दिष्ट करता है <body>तत्व में दृश्यमान पृष्ठ सामग्री है<h1>तत्व एक बड़े शीर्षक को परिभाषित करता है<p>तत्व एक पैराग्राफ को परिभाषित करता है
एचटीएमएल दस्तावेज़
सभी HTML दस्तावेज़ दस्तावेज़ प्रकार की घोषणा के साथ प्रारंभ होने चाहिए: <!DOCTYPE html>.
HTML दस्तावेज़ स्वयं से शुरू होता है <html>और के साथ समाप्त होता है </html>।
HTML दस्तावेज़ का दृश्य भाग और के बीच <body>है </body>।
HTML दस्तावेज़ संरचना
नीचे एक HTML दस्तावेज़ (एक HTML पृष्ठ) का दृश्यावलोकन है:
नोट: ब्राउज़र में केवल <body> अनुभाग (ऊपर सफेद क्षेत्र) के अंदर की सामग्री प्रदर्शित होती है।
एचटीएमएल शीर्षक
<h1>HTML शीर्षकों को <h6>टैग के साथ परिभाषित किया गया है।
<h1>सबसे महत्वपूर्ण शीर्षक को परिभाषित करता है। <h6>कम से कम महत्वपूर्ण शीर्षक को परिभाषित करता है:
उदाहरण
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
एचटीएमएल पैराग्राफ
<p>HTML पैराग्राफ को टैग के साथ परिभाषित किया गया है :
उदाहरण
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
एचटीएमएल लिंक
<a>HTML लिंक को टैग के साथ परिभाषित किया गया है :
उदाहरण
<a href="https://www.w3schools.com">This is a link</a>
लिंक का गंतव्य hrefविशेषता में निर्दिष्ट है।
एचटीएमएल छवियाँ
<img>HTML छवियों को टैग के साथ परिभाषित किया गया है ।
स्रोत फ़ाइल ( src), वैकल्पिक पाठ ( alt),
width, और heightविशेषताओं के रूप में प्रदान की जाती हैं:
उदाहरण
<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"
एचटीएमएल बटन
<button>HTML बटन को टैग के साथ परिभाषित किया गया है :
उदाहरण
<button>Click me</button>
एचटीएमएल सूचियां
HTML सूचियों को <ul>(अनियंत्रित/बुलेट सूची) या
<ol>(क्रमांकित/क्रमांकित सूची) टैग के साथ परिभाषित किया जाता है, इसके बाद <li>
टैग (सूची आइटम) होते हैं:
उदाहरण
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
एचटीएमएल टेबल्स
एक HTML तालिका को एक <table>टैग के साथ परिभाषित किया गया है।
तालिका पंक्तियों को <tr>टैग के साथ परिभाषित किया गया है।
टेबल हेडर को <th>टैग के साथ परिभाषित किया गया है। (बोल्ड और डिफ़ॉल्ट रूप से केंद्रित)।
<td>तालिका कोशिकाओं (डेटा) को टैग के साथ परिभाषित किया गया है ।
उदाहरण
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
प्रोग्रामिंग एचटीएमएल
प्रत्येक HTML तत्व में विशेषताएँ हो सकती हैं ।
वेब विकास और प्रोग्रामिंग के लिए, सबसे महत्वपूर्ण विशेषताएँ आईडी और वर्ग हैं। इन विशेषताओं का उपयोग अक्सर प्रोग्राम आधारित वेब पेज जोड़तोड़ को संबोधित करने के लिए किया जाता है।
| गुण | उदाहरण |
|---|---|
| पहचान | <टेबल आईडी = "टेबल 01" |
| कक्षा | <p वर्ग = "सामान्य"> |
| अंदाज | <p शैली = "फ़ॉन्ट-आकार:16px"> |
| आंकड़े- | <div डेटा -id="500"> |
| क्लिक पर | <इनपुट ऑनक्लिक = "myFunction ()"> |
| मूषक के ऊपर से | <a onmouseover ="this.setAttribute('style','color:red')"> |
पूर्ण HTML ट्यूटोरियल
यह HTML का संक्षिप्त विवरण रहा है।
संपूर्ण HTML ट्यूटोरियल के लिए W3Schools HTML Tutorial पर जाएं ।
संपूर्ण HTML टैग संदर्भ के लिए W3Schools टैग संदर्भ पर जाएं ।