HTML कोर्स नोट्स
परिचय
- HTML कोर्स में लेवल 1 से प्रो लेवल तक कवर करेंगे।
- कोडिंग के लिए लैपटॉप और एक्साइटमेंट की आवश्यकता होगी।
- पाठ्यक्रम को चार लेवल में विभाजित किया गया है।
HTML क्या है?
- HTML (हाइपरटेक्स्ट मार्कअप लैंग्वेज) किसी वेबसाइट का स्ट्रक्चर बताता है।
- इसमें टैग्स का उपयोग करके विभिन्न आइटम्स को दर्शाया जाता है।
HTML के उपयोगी टूल्स
- Ultra Edit: पेशेवर डेवलपर्स के लिए।
- Visual Studio Code (VS Code): फ्री और उपयोगी कोड एडिटर।
- HTML5 डोक्युमेंट्स के लिए एक बेसिक फॉर्म बनाना।
HTML का स्ट्रक्चर
- HTML डॉक्युमेंट में मुख्य तत्व:
<!DOCTYPE html>: HTML वर्जन बताता है।<html>: रूट एलिमेंट।<head>: मेटा जानकारी।<body>: डिस्प्ले की जाने वाली सामग्री।
HTML टैग्स
बेसिक टैग्स
<p>: पैराग्राफ टैग।<h1> - <h6>: हेडिंग टैग्स।<a>: एंकर टैग, लिंक के लिए।<img>: इमेज टैग।<div>: कंटेनर टैग।<span>: इनलाइन कंटेनर।
विशेष टैग्स
<ul>: अनऑर्डर्ड लिस्ट।<ol>: ऑर्डर्ड लिस्ट।<table>: टेबल बनाने के लिए।<form>: डेटा इकट्ठा करने के लिए।
फॉर्म में इनपुट्स
- इनपुट टैग्स:
- टेक्स्ट, पासवर्ड, चेक बॉक्स, रेडियो बटन, और ड्रॉपडाउन के लिए।
<input type="text">, <input type="password">, <select>, आदि।
- लेबल: इनपुट के लिए लेबल देना अनिवार्य।
डेटा संरचना
- स्ट्रक्चर: HTML के अंदर सही स्ट्रक्चर बनाना जरूरी है।
- सिमटिक टैग्स:
<header>, <footer>, <main>, <section>।
प्रोजेक्ट्स
- प्रोजेक्ट 1: अपने पोर्टफोलियो के लिए एक वेबसाइट बनाना।
- प्रोजेक्ट 2: कॉलेज स्टूडेंट्स के लिए एक रिसोर्स वेबसाइट।
निष्कर्ष
- HTML का सही उपयोग करना और टैग्स को समझना महत्वपूर्ण है।
- आगे की वीडियो में CSS और JavaScript के बारे में जानेंगे।
टिप्स
- हमेशा HTML को सही तरीके से लिखें।
- प्रोजेक्ट्स पर काम करने से और अधिक सीखने का अवसर मिलेगा।
- ऑनलाइन रिसोर्सेस का उपयोग करें।
"प्रोजेक्ट्स और टैग्स का सही उपयोग आपको एक अच्छे डेवलपर बनने में मदद करेगा।"