लेक्चर नोट्स: HTML की पहचान

परिचय

• नेटवर्किंग के कॉन्सेप्ट्स: बेसिक थ्योरी कवर की
• कोडिंग की शुरुआत: पहली बार कोड लिखेंगे, एनवायरनमेंट सेटअप करेंगे
• एनवायरनमेंट: Visual Studio Code का उपयोग

कोर्स का लक्ष्य

• फ्रंट एंड: पहले इसका पाठ पूरा करें
• बैक एंड: इसके बाद इस पर ध्यान दें

आज का टारगेट

• एनवायरनमेंट सेटअप: कैसे सेटअप और उपयोग करें
• HTML की समझ: बेसिक्स को समझना
• पहला प्रोग्राम: 'हेलो दुनिया' प्रोग्राम बनाएंगे

HTML की मुख्य बातें

• HTML का पूरा नाम: HyperText Markup Language
• लैंग्वेज: स्टक्रक्चर डिफाइन करने के लिए उपयोग होता है
• फ्रंट एंड जर्नी: HTML, CSS, JavaScript

HTML का उपयोग

• लेबलिंग: वेब पेज में विभिन्न तत्वों की लेबलिंग (हेडिंग, इमेज, पैराग्राफ आदि)
• CSS: स्टाइलिंग के लिए उपयोग
• JavaScript: फंक्शनैलिटी और लॉजिक के लिए

HTML के बेसिक टैग्स

• DOCTYPE: HTML5 का प्रयोग
• HTML: रूट एलिमेंट
• हेड टैग: मेटा डाटा, SEO रिलेवेंट डाटा, टाइटल
• बॉडी टैग: सभी कंटेंट और लेबलिंग
• कमेंट्स: कोड को समझाने और उल्लेखित करने के लिए (नोट: ब्राउज़र इन्हें रेंडर नहीं करता)

कोडिंग एनवायरनमेंट सेटअप

1. Visual Studio Code को डाउनलोड और इंस्टॉल करें
2. दो एक्सटेंशन इंस्टॉल करें:
   • Prettier
   • Live Server
3. Live Server: कोड को सीधे ब्राउजर में रन करने के लिए

पहला प्रोजेक्ट: 'हेलो दुनिया'

• फोल्डर क्रिएट करें: नाम - प्रोजेक्ट1
• फाइल क्रिएट करें: index.html
• बॉयलरप्लेट कोड: exclamation (!) मार्क और Enter दबा कर जनरेट करें
• कोड लिखें: बॉडी टैग में 'हेलो दुनिया'
• लाइव सर्वर: कोड ब्राउज़र में रन करें

अतिरिक्त जानकारी

• W3Schools और MDN: HTML सीखने के लिए
• HTML टैग्स और एलिमेंट्स: अधिक जानने के लिए आगे पढ़ें

निष्कर्ष

• HTML के बेसिक्स और सिंटक्स समझें
• कोड लिखने और रन करने की प्रक्रिया सीखी
• आगामी क्लास में टैग्स, एलिमेंट्स, अट्रीब्यूट्स और Emmet के बारे में पढ़ेंगे