HTML Lecture Notes
परिचय
- HTML का अध्ययन: बेसिक से लेकर प्रोफेशनल लेवल तक
- वीडियो में क ोडिंग के बुनियादी तत्व और HTML की भूमिका को समझाना।
आवश्यकताएँ
टेक्स्ट एडिटर्स
-
Visual Studio Code (VS Code)
- कोडिंग के लिए बेहतरीन और फ्री टूल।
- HTML, CSS, और JavaScript के लिए इस्तेमाल किया जाता है।
- लाइव सर्वर एक्सटेंशन का इस्तेमाल।
-
UltraEdit
- प्रोफेशनल डेवलपर्स के लिए फीचर्स।
- 30 दिन का ट्रायल उपलब्ध।
-
Notepad
- साधारण कोडिंग के लिए भ ी इस्तेमाल किया जा सकता है।
HTML की मूल बातें
- HTML का मतलब: हाइपर टेक्स्ट मार्कअप लैंग्वेज।
- HTML टैग्स: वे कंपोनेंट्स जो वेबसाइट का संरचना परिभाषित करते हैं।
- HTML डॉक्यूमेंट का मूल प्रारूप:
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<h1>Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
HTML टैग्स
सामान्य टैग्स:
<h1> से <h6>: हेडिंग टैग्स।<p>: पैराग्राफ टैग।<a>: एंकर टैग (लिंक जोड़ने के लिए)।<img>: इमेज टैग।<div>: कंटेनर टैग (ब्लॉक स्तर के लिए)।<span>: इनलाइन कंटेनर।
विशेष टैग्स:
<br>: लाइन ब्रेक।<hr>: होरिजेंटल रूलर (विभाजन के लिए)।<ul>, <ol>, <li>: लिस्ट्स (अनऑर्डर्ड और ऑर्डर्ड।)<table>, <tr>, <td>: टेबल्स।
फॉर्म्स
- फॉर्म टैग: उपयोगकर्ता से डेटा संग्रहण के लिए।
<input>: टेक्स्ट, पासवर्ड आदि के लिए।<label>: इनपुट के लिए लेबल।<textarea>: उपयोगकर्ता से बड़े टेक्स्ट इनपुट के लिए।<select> और <option>: ड्रॉपडाउन के लिए।
अडवांस्ड टैग्स
<iframe>: एक वेबसाइट में दूसरी वेबसाइट दिखाने के लिए।<video>: वीडियो टैग।
प्रोजेक्ट्स
- प्रोजेक्ट आइडियाज़: पोर्टफोलियो बनाना और HTML के माध्यम से विभिन्न टैग्स का उपयोग करना।
- सुझाव: अपने फॉर्म्स और लिस्ट्स को इंटीग्रेट करें।
निष्कर्ष
- HTML सीखना एक बुनियादी कौशल है, जो वेब डेवलपमेंट का एक महत्वपूर्ण हिस्सा है।
- CSS और JavaScript के साथ आगे बढ़ना आवश्यक है।
संदर्भ
- नोट्स और कोड वीडियो के नीचे दिए गए हैं।
यह नोट्स अगली बार रिवीजन के लिए उपयोगी होंगे।