HTML सीखा जाए: शुरुआती से विशेषज्ञ तक

Sep 4, 2024

HTML का परिचय

वीडियो का उद्देश्य

  • HTML के सभी लेवल्स को कवर करना
  • बेसिक से एडवांस्ड स्तर तक कोडिंग सिखाना

आवश्यकताएँ

  • लैपटॉप
  • कोडिंग के लिए एक्साइटमेंट

टेक्स्ट एडिटर्स

  1. Visual Studio Code (VS Code)
    • कोडिंग के लिए सर्वोत्तम विकल्प
    • Live Server एक्सटेंशन का उपयोग
    • HTML, CSS, JS के लिए फ्री में उपलब्ध
  2. UltraEdit
    • प्रोफेशनल डेवलपर्स के लिए सुविधाएँ
    • 30 दिन का ट्रायल

HTML के बेसिक्स

  • HTML का पूरा नाम: हाइपरटेक्स्ट मार्कअप लैंग्वेज
  • HTML टैग्स और उनके कार्य
  • HTML डॉक्यूमेंट की संरचना:
    • <!DOCTYPE html>
    • <html>, <head>, <body>
  • HTML का उपयोग वेब पेज का स्ट्रक्चर बनाने के लिए किया जाता है
  • टैग्स: कंटेनेर होते हैं जिनमें कंटेंट होता है
    • उदाहरण: <p>, <h1>, <div>, <span>

HTML टैग्स

  • बेसिक टैग्स:
    • <h1> से <h6>: हेडिंग्स
    • <p>: पैराग्राफ
    • <br>: लाइन ब्रेक
    • <a>: लिंक
    • <img>: इमेज
  • कमेंट्स:
    • <!-- यह एक कमेंट है -->
  • संपूर्णता: अधिकांश HTML टैग्स के ओपनिंग और क्लोजिंग टैग्स होते हैं
  • फॉर्मेटिंग टैग्स:
    • <b>: बोल्ड
    • <i>: इटैलिक
    • <u>: अंडरलाइन

लेवल 1: HTML की मूल बातें

  • HTML की संरचना
  • विभिन्न टैग्स का उपयोग
  • HTML डॉक्यूमेंट बनाना

लेवल 2: एट्रिब्यूट्स और लिंक्स

  • HTML एट्रिब्यूट्स का परिचय
  • हाइपरलिंक्स का उपयोग
  • इमेज और उनके एट्रिब्यूट्स

लेवल 3: फॉर्म्स

  • फॉर्म का उपयोग: डेटा संग्रहण
  • फॉर्म टैग:
    • इनपुट, लेबल, चेकबॉक्स, रेडियो बटन
    • सेलेक्ट टैग: ड्रॉपडाउन
    • टेक्स्ट एरिया: मल्टी-लाइन इनपुट

लेवल 4: लिस्ट, टेबल और आईफ्रेम

  • लिस्ट्स: ऑर्डरड और अनऑर्डरड लिस्ट्स
  • टेबल्स: डेटा को व्यवस्थित करना
  • आईफ्रेम: एक वेबसाइट के अंदर दूसरी वेबसाइट को प्रदर्शित करना

प्रोजेक्ट आइडियाज

  • अपने पोर्टफोलियो के लिए फॉर्म बनाना
  • लिंक्डइन, गिटहब, और अन्य प्रोफाइल्स के लिए कनेक्ट करना

निष्कर्ष

  • HTML सीखने से अगला कदम CSS और JavaScript है
  • वीडियो के अंत में नोट्स और कोड उपलब्ध होंगे
  • किसी भी प्रश्न के लिए कमेंट करें