एचटीएमएल पाठ्यक्रम का संक्षिप्त विवरण

Aug 27, 2024

HTML Course Overview

Introduction

  • आज का लेक्चर एचटीएमएल (HTML) पर है
  • चार लेवल्स में बांटा गया है:
    • बेसिक
    • इंटरमीडिएट
    • एडवांस
    • प्रो
  • यदि आप कोडिंग में नए हैं तो यह वीडियो आपके लिए फायदेमंद होगा।
  • प्रोजेक्ट आइडियाज भी साझा किए जाएंगे।

Tools Needed

  • लैपटॉप
  • टेक्स्ट एडिटर:
    • रूल ऑफ ग्लोबलाइजेशन
    • अल्ट्राइड
    • विजुअल स्टूडियो कोड (VS Code)

HTML Basics

  • HTML का मतलब है हाइपर टेक्स्ट मार्कअप लैंग्वेज।
  • HTML वेब पेज का स्ट्रक्चर और लेआउट बताता है।
  • HTML में टैग्स का उपयोग होता है जो कंटेंट को विभिन्न प्रकार से दर्शाते हैं।
  • HTML का बेसिक स्ट्रक्चर:
    • <!DOCTYPE html>
    • <html>
    • <head>
    • <body>

HTML Elements

  • HTML तत्वों की प्रकार:
    • ब्लॉक एलिमेंट्स: पूरा स्पेस लेते हैं और नई लाइन पर जाते हैं।
    • इनलाइन एलिमेंट्स: जितनी जगह चाहिए उतनी ही लेते हैं।
  • कोडिंग के दौरान महत्वपूर्ण HTML तत्व:
    • <h1> से <h6> - हैडिंग
    • <p> - पैराग्राफ
    • <div> - कंटेनर
    • <span> - इनलाइन कंटेनर
    • <a> - लिंक
    • <img> - इमेज
    • <table> - टेबल
    • <form> - फॉर्म

Forms in HTML

  • फॉर्म्स उपयोगकर्ता से डेटा लेने के लिए उपयोग होते हैं।
  • फॉर्म के प्रमुख तत्व:
    • <input> - टेक्स्ट, पासवर्ड, चेक बॉक्स आदि के लिए
    • <label> - फॉर्म के लिए लेबल
    • <textarea> - लंबा टेक्स्ट इनपुट
    • <select> - ड्रॉपडाउन लिस्ट

Example of Form Creation

<form action="action.php">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username" placeholder="Type something...">
  <label for="password">Password:</label>
  <input type="password" id="password" name="password">
  <input type="submit" value="Submit">
</form>

Advanced HTML Concepts

  • Iframes: अन्य वेबसाइट को अपनी वेबसाइट में शामिल करने के लिए।
  • Video: वीडियो को शामिल करने के लिए <video> टैग।
  • Audio: ऑडियो फाइलें शामिल करने के लिए <audio> टैग।

Conclusion

  • HTML का ज्ञान आवश्यक है 웹 개발 के लिए।
  • विभिन्न टैग्स और तत्वों के उपयोग से वेबसाइट को आकर्षक और इंटरैक्टिव बनाया जा सकता है।
  • अगले लेवल्स में CSS और JavaScript सीखेंगे।
  • नोट्स डिस्क्रिप्शन बॉक्स में उपलब्ध होंगे।
  • वीडियो के अंत में किसी भी प्रश्न के लिए टिप्पणी करें।
  • अगले लेक्चर में मिलते हैं!