HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) का मुख्य उद्देश्य वेब पेज की संरचना (structure) बनाना है, और यह टैग्स के माध्यम से होता है। HTML Tags का उपयोग विभिन्न Elements को परिभाषित करने के लिए किया जाता है, जैसे Text, Links, Images, और अन्य मीडिया। नीचे, मैं HTML के सभी प्रमुख टैग्स को समझाऊँगा और उनके सिंटैक्स (Syntax) के साथ उनका उपयोग बताऊँगा।
Some Important Html Tags:
<html> Tag:
यह टैग HTML Document की Starting और Ending Point को दिखाता है। यह टैग पूरे वेब पेज को परिभाषित करता है।
Syntax:
<html>
<!-- HTML content goes here -->
</html><head> Tag:
यह टैग Html Document के Header Section को Define करता है। इसमें Meta Data, Titles, Scripts And Styles आदि होते हैं।
Syntax:
<head>
<!-- Metadata and other header information -->
</head><title> Tag:
<title> html tag वेब पेज का Title define करता है, जो ब्राउज़र टैब में दिखाई देता है।
Syntax:
<title>Hinditutorial</title><body> Tag:
<body> Html Tag पेज के मुख्य सामग्री (content) को परिभाषित करता है, जो ब्राउज़र में दिखाई देती है।
Syntax:
<body>
<!-- Main content of the page -->
</body><h1> to <h6> Heading Tag:
heading html tags (शीर्षक) को परिभाषित करते हैं। <h1> सबसे बड़ा और महत्वपूर्ण हेडिंग होता है, जबकि <h6> सबसे छोटा हेडिंग होता है।
Syntax:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6><p> Paragraph Tag:
यह टैग एक पैराग्राफ़ (वाक्य या अनुच्छेद) को परिभाषित करता है।
Syntax:
<p>This is a paragraph.</p><a> Anchor Tag:
<a> html tag लिंक (anchor) को परिभाषित करता है। href विशेषता में लिंक का URL दिया जाता है।
Syntax:
<a href="https://hinditutorials.in">Hinditutorials</a><img> Image Tag:
<img> html tag एक चित्र (image) को वेब पेज पर प्रदर्शित करता है। src Property में चित्र का पथ (path) और alt में चित्र का वैकल्पिक विवरण होता है।
Syntax:
<img src="image.jpg" alt="Description of Image"><ul> Or <ol> Unordered & Ordered List Tag:
यह टैग्स Ordered & Unordered Lists बनाने के लिए उपयोग होते हैं। <li> टैग लिस्ट आइटम को परिभाषित करता है।
Unordered List ( अक्रमबद्ध सूची ):
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Ordered List ( क्रमबद्ध सूची ):
<ol>
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
</ol><div> Tag:
यह टैग एक कंटेनर के रूप में कार्य करता है, जो HTML Document के विभिन्न हिस्सों को समूहित करने के लिए उपयोग किया जाता है। यह एक ब्लॉक-लेवल टैग है।
Syntax:
<div>
<!-- Content goes here -->
</div><span> Tag:
यह टैग एक इनलाइन टैग होता है, जिसका उपयोग किसी छोटे हिस्से में Style लागू करने या उसे समूहित करने के लिए किया जाता है।
Syntax:
<span>Text to style</span><br> Line Break Tag:
यह टैग लाइन ब्रेक (line break) को दर्शाता है और पाठ को अगले पंक्ति में ले जाता है। यह टैग स्वयं-समाप्ति (self-closing) टैग है, इसका कोई समापन टैग नहीं होता।
Syntax:
<p>This is line 1.<br>This is line 2.</p><hr> Horizontal Line Tag:
यह टैग एक क्षैतिज रेखा (horizontal line) को प्रदर्शित करता है, जो सामग्री को विभाजित करने के लिए उपयोगी है। यह भी एक स्वयं-समाप्ति टैग है।
Syntax:
<hr><form> Tag:
यह टैग एक फ़ॉर्म (form) को परिभाषित करता है, जिसमें उपयोगकर्ता से जानकारी प्राप्त करने के लिए इनपुट फील्ड्स होते हैं।
Syntax:
<form action="submit_form.php" method="post">
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<input type="submit" value="Submit">
</form><input> Tag:
यह टैग विभिन्न प्रकार के इनपुट फील्ड्स को परिभाषित करता है, जैसे टेक्स्ट बॉक्स, चेकबॉक्स, रेडियो बटन, आदि।
Syntax:
<input type="text" name="username"><button> Tag:
यह टैग एक बटन (button) को परिभाषित करता है, जिसे उपयोगकर्ता क्लिक कर सकते हैं।
Syntax:
<button type="button">Click Me</button><table> Tag:
यह टैग एक टेबल (table) को परिभाषित करता है। <tr> टैग रो (row) को और <td> टैग प्रत्येक कक्ष (cell) को परिभाषित करता है।
Syntax:
<table>
<tr>
<th>Heading 1</th>
<th>Heading 2</th>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</table><strong> & <em> Tag:
<strong>टैग का उपयोग महत्व (strong emphasis) को दर्शाने के लिए किया जाता है, जो सामान्यतः बोल्ड (bold) होता है।<em>टैग का उपयोग किसी टेक्स्ट को विशेष रूप से उभारने (emphasize) के लिए किया जाता है, जो सामान्यतः इटैलिक (italic) होता है।
<strong>Important Text</strong>
<em>Emphasized Text</em>
Welcome to HindiTutorials, your go-to platform for learning and mastering concepts in Hindi! Our mission is to make education accessible and simple for everyone by providing high-quality tutorials on programming, technology, and various other topics.