HTML Course Overview and Essentials

Aug 7, 2024

HTML Course Overview

Introduction

  • आज हम पढ़ेंगे HTML को बेसिक से एडवांस लेवल तक।
  • वीडियो में चार लेवल्स को कवर किया जाएगा।
  • प्रोग्रामिंग के साथ 2 बड़े प्रोजेक्ट आइडियाज भी दिए जाएंगे।

Learning Objectives

  • यदि आपको कोडिंग का बिल्कुल अनुभव नहीं है, तो इस वीडियो में आपको HTML सीखने का अवसर मिलेगा।
  • सीखेंगे कि HTML वेब डेवलपमेंट में क्यों महत्वपूर्ण है।
  • वेबसाइट कैसे बनाई जाती है।
  • वीडियो के अंत में सभी कोड और नोट्स डिस्क्रिप्शन बॉक्स में उपलब्ध होंगे।

Tools Required

  • लैपटॉप
  • टेक्स्ट एडिटर्स (जैसे Notepad, VS Code)

Text Editors

1. Notepad

  • बेसिक टेक्स्ट एडिटर।

2. Visual Studio Code (VS Code)

  • प्रोग्रामिंग में प्रचलित।
  • कोड हाइलाइटिंग और टेम्पलेट्स जैसी सुविधाएँ।
  • डाउनलोड करने के लिए Visual Studio Code.

HTML Structure

1. HTML क्या है?

  • HTML का मतलब है HyperText Markup Language।
  • इसका उपयोग वेबसाइट्स की संरचना बनाने के लिए किया जाता है।

2. HTML के मुख्य भाग

  • HTML: वेबपेज की संरचना।
  • CSS: वेबपेज का स्टाइल।
  • JavaScript: फंक्शनालिटी।

HTML Tags

1. Basic HTML Tags

  • <!DOCTYPE html> - HTML डॉक्यूमेंट टाइप डिक्लरेशन।
  • <html> - रूट एलिमेंट।
  • <head> - मेटा जानकारी।
  • <body> - विज़ुअल कंटेंट।

2. Common Tags

  • <h1> से <h6> - हैडिंग टैग्स।
  • <p> - पैराग्राफ टैग।
  • <a> - एंकर टैग।
  • <img> - इमेज टैग।

3. Attributes

  • प्रत्येक टैग के कुछ अट्रिब्यूट्स होते हैं जैसे src, href, alt, आदि।

Forms in HTML

1. Form Elements

  • <form> - फॉर्म का रूट एलिमेंट।
  • <input> - इनपुट फ़ील्ड्स जैसे टेक्स्ट, पासवर्ड, चेक बॉक्स, रेडियो बटन, आदि।
  • <textarea> - मल्टी-लाइन टेक्स्ट इनपुट।
  • <select> - ड्रॉपडाउन मेन्यू।

2. Form Attributes

  • action - फॉर्म डेटा को भेजने का URL।
  • method - GET या POST।

Project Ideas

1. Portfolio Website

  • पर्सनल इन्फॉर्मेशन, प्रोजेक्ट्स, और कोंटेक्ट फॉर्म शामिल करें।

2. Resource Website

  • कॉलेज स्टूडेंट्स के लिए रिसोर्सेज प्रदान करें।

Conclusion

  • HTML के बेसिक्स से प्रो लेवल तक का परिचय।
  • अगली बार हम CSS और JavaScript की तरफ बढ़ेंगे।
  • सभी नोट्स और कोड डिस्क्रिप्शन बॉक्स में उपलब्ध होंगे।