HTML

 Link 🔗

HTML (HyperText Markup Language) वेब डेवलपमेंट की सबसे बुनियादी और मुख्य भाषा है। किसी भी वेबसाइट को बनाने की शुरुआत HTML से ही होती है। इसे आप इंटरनेट की दुनिया की "नींव" (Foundation) कह सकते हैं।

आइए जानते हैं कि HTML से क्या-क्या होता है और यह कैसे काम करती है:

1. HTML से क्या होता है? (वेबसाइट में इसका काम)

• वेबपेज का ढांचा (Structure) तैयार करना: जिस तरह किसी मकान को बनाने से पहले ईंटों और सीमेंट से उसका ढांचा या नक्शा तैयार किया जाता है, ठीक उसी तरह HTML किसी वेबपेज का लेआउट और ढांचा तैयार करती है।
• टेक्स्ट और हेडिंग जोड़ना: वेबपेज पर जो लिखा हुआ टेक्स्ट, पैराग्राफ या हेडिंग्स आप देखते हैं, वे सब HTML की मदद से ही जोड़े जाते हैं।
• इमेज और वीडियो लगाना: इसकी मदद से वेबसाइट पर तस्वीरें (<img> टैग), वीडियो और ऑडियो डाले जाते हैं।
• लिंक (Links) बनाना: एक पेज से दूसरे पेज पर जाने के लिए हाइपरलिंक (Hyperlinks) HTML के जरिए ही बनाए जाते हैं।

2. HTML अकेली काफी है या और भी कुछ चाहिए?

वेबसाइट डिजाइनिंग में आमतौर पर तीन मुख्य भाषाओं का इस्तेमाल होता है:

1. HTML: यह वेबसाइट का ढांचा (Structure) तय करती है (जैसे- कहाँ टेक्स्ट होगा, कहाँ फोटो होगी)।
2. CSS (Cascading Style Sheets): यह वेबसाइट को रंग-रूप और डिजाइन देती है (जैसे- रंग, फॉन्ट, एनिमेशन और सुंदर लेआउट)।
3. JavaScript: यह वेबसाइट को इंटरएक्टिव और डायनेमिक बनाती है (जैसे- बटन क्लिक करने पर होने वाले एक्शन, फॉर्म वैलिडेट करना आदि)।

3. एक छोटा सा उदाहरण

HTML कोड हमेशा टैग्स (Tags) के रूप में लिखा जाता है। जैसे:

<!DOCTYPE html>
<html>
<head>
    <title>मेरी पहली वेबसाइट</title>
</head>
<body>
    <h1>नमस्ते दुनिया!</h1>
    <p>यह मेरा पहला HTML वेबपेज है।</p>
</body>
</html>

• जब आप इस कोड को ब्राउज़र में खोलेंगे, तो यह एक सादे पेज पर "नमस्ते दुनिया!" (एक बड़ी हेडिंग के रूप में) और उसके नीचे पैराग्राफ दिखाएगा।

संक्षेप में कहें तो, बिना HTML के आप इंटरनेट पर किसी भी वेबसाइट की कल्पना नहीं कर सकते हैं! क्या आप HTML के किसी खास हिस्से या टैग के बारे में विस्तार से जानना चाहते हैं?

Course Information

Course Information

This course comprises 14 audio-video spoken tutorials, using which you can self-learn HTML code with ease. 

STEP 1-

First read this sheet. https://spoken-tutorial.org/HTML-Instruction-Sheet-English.pdf/

1. This sheet explains how to learn from spoken tutorials.
2. This sheet also mentions some important information about the text editors while coding, how to use the Code Files, how to do the Assignments, etc.
3. Read this sheet carefully and make a note of all the information, before you begin.
   

STEP 2-
Follow the side-by-side learning methodology while learning from spoken tutorials - watch the video, listen to the instructions, pause the video, try out the command on your system.  You should get the exact same results as shown in the video.  If successful, proceed with the video.  Else, rewind and watch the video again and replicate the commands shown.

Complete all the videos in the given sequence one by one.
The Assignment for each tutorial is for your self-assessment only.  Do not upload it anywhere for evaluation.