HTML: विस्तार में सीखें
(Detailed in Hindi)
🔰 HTML क्या है?
HTML (HyperText Markup Language) एक मार्कअप भाषा है जिसका उपयोग वेबपेज की
संरचना (structure) बनाने के लिए किया जाता है। यह वेबसाइट की हड्डी (skeleton)
की तरह होती है। HTML केवल content को display करवाती है, उसका डिज़ाइन और
functionality अलग भाषाओं से होती है।
📄 HTML डॉक्यूमेंट की संरचना (Structure)
<!DOCTYPE html> → यह बताता है कि यह HTML5 document है।
<html> → पूरा HTML document इसी टैग के अंदर आता है।
<head> → इसमें title, meta-data और external links होते हैं।
<body> → इसमें page का content होता है जो ब्राउज़र में दिखता है।
🔠 बेसिक HTML टैग्स (Basic Tags)
1. Headings Tags:
<h1> से <h6> तक – ये headings को define करते हैं।
2. Paragraph Tag:
<p> – पैराग्राफ के लिए उपयोग होता है।
3. Bold, Italic, Underline:
<b>, <i>, <u> – टेक्स्ट को मोटा, तिरछा और अंडरलाइन करने के लिए।
4. Link Tag:
<a href='url'> – लिंक बनाने के लिए।
5. Image Tag:
<img src='[Link]' alt='description'> – इमेज दिखाने के लिए।
6. Line Break and Horizontal Line:
<br> – लाइन ब्रेक | <hr> – क्षैतिज रेखा
📋 लिस्ट (Lists)
1. Ordered List (क्रमबद्ध): <ol> और <li>
2. Unordered List (अक्रमबद्ध): <ul> और <li>
📊 टेबल्स (Tables)
1. <table> – टेबल की शुरुआत
2. <tr> – टेबल रो
3. <th> – हेडिंग सेल
4. <td> – डेटा सेल
📨 फॉर्म (Forms)
• <form> – फॉर्म कंटेनर
• <input> – यूजर इनपुट के लिए
• <label> – इनपुट का नाम
• <button> – बटन
🔍 सेमांटिक टैग्स (Semantic Tags)
<header>, <footer>, <section>, <article>, <nav> – ये टैग्स ब्राउज़र को कंटेंट का
मतलब समझाते हैं।
🎥 मीडिया टैग्स (Media Tags)
<video>, <audio> – वीडियो और ऑडियो प्ले करने के लिए।
🔢 HTML5 Input Types
<input type='date'>, <input type='color'>, <input type='range'> आदि।
📱 Meta Tags व Responsive Design
<meta name='viewport'> – मोबाइल डिवाइस पर अच्छे से दिखाने के लिए ज़रूरी।
🎯 निष्कर्ष
HTML किसी भी वेब डेवलपर के लिए पहली भाषा है। इससे आप वेबपेज की संरचना
बनाना सीखते हैं। इसके साथ CSS और JavaScript भी ज़रूरी हैं।