HTML Tutorial

➤ HTML HOME
➤ HTML Introduction
➤ HTML Editors
➤ HTML Basic
➤ HTML Elements
➤ HTML Attributes
➤ HTML Headings
➤ HTML Paragraphs
➤ HTML Styles
➤ HTML Formatting
➤ HTML Quotations
➤ HTML Comments
➤ HTML Colors
➤ HTML CSS
➤ HTML Links
➤ HTML Images
➤ HTML Favicon
➤ HTML Tables
➤ HTML Lists
➤ HTML Block & Inline
➤ HTML Div
➤ HTML Classes
➤ HTML Id
➤ HTML Iframes
➤ HTML JavaScript
➤ HTML File Paths
➤ HTML Head
➤ HTML Layout
➤ HTML Responsive
➤ HTML Computercode
➤ HTML Semantics
➤ HTML Style Guide
➤ HTML Entities
➤ HTML Symbols
➤ HTML Emojis
➤ HTML Charset
➤ HTML URL Encode
➤ HTML vs. XHTML

HTML Forms

➤ HTML Forms
➤ HTML Form Attributes
➤ HTML Form Elements
➤ HTML Input Types
➤ HTML Input Attributes
➤ HTML Input Form Attributes

HTML Graphics

➤ HTML Canvas
➤ HTML SVG

HTML Media

➤ HTML Media
➤ HTML Video
➤ HTML Audio
➤ HTML Plug-ins
➤ HTML YouTube

HTML APIs

➤ HTML Geolocation
➤ HTML Drag/Drop
➤ HTML Web Storage
➤ HTML Web Workers
➤ HTML SSE

HTML Examples & Tools

➤ HTML Examples
➤ HTML Editor
➤ HTML Quiz
➤ HTML Exercises
➤ HTML Bootcamp
➤ HTML Certificate

HTML Introduction

📘 HTML Introduction – HTML का परिचय

 

💡 HTML क्या है ?

 

HTML का पूरा नाम है HyperText Markup Language। यह एक Markup Language है, न कि Programming Language। इसका मतलब है कि ये भाषा वेबसाइट के कंटेंट को structure (ढांचा) देने के लिए इस्तेमाल होती है।

जब भी आप इंटरनेट पर कोई वेबसाइट खोलते हैं, तो जो आप टेक्स्ट, इमेज, वीडियो, लिंक, फॉर्म आदि देखते हो, वो सब HTML की मदद से वेबसाइट पर दिखाया जाता है।

HTML वेबसाइट की हड्डी की तरह होता है। बिना HTML के वेबसाइट का कोई ढांचा नहीं बन सकता।

 

HTML क्यों ज़रूरी है?

 

  • Structure देना: HTML वेबसाइट के हर एक हिस्से को एक ढांचे में बांधता है। जैसे हेडिंग, पैराग्राफ, इमेज, लिस्ट आदि।

  • Content दिखाना: HTML बताता है कि कौन-सा कंटेंट कहां और कैसे दिखना चाहिए।

  • Webpage बनाना: हर वेबपेज की शुरुआत HTML से होती है।

  • Search Engine Friendly: Google जैसे सर्च इंजन HTML को पढ़कर वेबसाइट की जानकारी समझते हैं।

 

📌 HTML के मुख्य उपयोग:-

 

उपयोगविवरण
🧱 Structure बनानावेबसाइट का बेसिक ढांचा बनाना – हेडर, फुटर, मेन कंटेंट आदि
🖋 Text जोड़नाहेडिंग, पैराग्राफ, बोल्ड, इटैलिक टेक्स्ट आदि जोड़ना
🖼 Image लगानावेबसाइट पर फोटो, लोगो या ग्राफिक्स डालना
🔗 Links लगानाएक वेबपेज से दूसरे पेज पर या वेबसाइट से बाहर लिंक बनाना
📋 Forms बनानायूजर से डेटा लेने के लिए Contact, Login, Signup फॉर्म बनाना
🎥 वीडियो Embed करनायूट्यूब या अन्य वीडियो को वेबसाइट में एम्बेड करना

 

HTML डॉक्यूमेंट का बेसिक ढांचा (Structure)

 

हर HTML फाइल की शुरुआत एक खास टैग से होती है जो ब्राउज़र को बताता है कि यह HTML5 डॉक्यूमेंट है:

<!DOCTYPE html>फिर <html>
 
टैग आता है जो पूरे पेज को कंटेन करता है। इसके अंदर दो मुख्य भाग होते हैं:
 

  • <head> : यहां वेबसाइट की मेटा जानकारी, टाइटल, स्टाइल्स आदि आते हैं।

  • <body> : यहां वेबसाइट का मुख्य कंटेंट होता है, जो यूजर को दिखता है।

 
Try it Yourself »

Example HTML डॉक्यूमेंट





🖥 Output:-

 

इसको ब्राउज़र में खोलने पर आप देखेंगे:

This is my first HTML page


और उसके नीचे:-


Learning HTML is easy.

HTML के टैग्स (Tags) क्या होते हैं ?

 

  • टैग्स < > के अंदर लिखे जाते हैं।

  • जैसे <h1> एक heading टैग है, जो सबसे बड़ा और महत्वपूर्ण heading बनाता है।

  • <p> टैग पैराग्राफ के लिए होता है।

  • ज्यादातर टैग्स के लिए एक ओपनिंग टैग और एक क्लोजिंग टैग होता है, जैसे:

     
    <p>यह एक पैराग्राफ है।</p>

 

HTML फ़ाइलें कैसे बनाएं और चलाएं?

 

  1. फाइल बनाना: कोई भी टेक्स्ट एडिटर (जैसे Notepad, VS Code, Sublime Text) खोलो।

  2. कोड लिखना: ऊपर वाला HTML कोड लिखो।

  3. सेव करना: फाइल को .html एक्सटेंशन से सेव करो, जैसे index.html।

  4. ब्राउज़र में खोलना: उस फाइल पर डबल क्लिक करो या ब्राउज़र में खोलो।

 

HTML सीखने के लिए जरूरी बातें:-

 

  • Case-insensitive: HTML टैग्स आमतौर पर छोटे अक्षरों में लिखे जाते हैं, लेकिन बड़े अक्षरों में भी काम करते हैं।

  • Whitespace: HTML में spaces, line breaks, tab का कोई खास असर नहीं होता।

  • Attributes: टैग्स के अंदर extra information देने के लिए attributes होते हैं, जैसे <a href="url">।

  • Comments: कोड में नोट्स लिखने के लिए <!-- comment --> का इस्तेमाल होता है।

 

HTML की Limitations:-

 

  • HTML केवल वेबसाइट का ढांचा बनाता है।

  • वेबसाइट को सुंदर और आकर्षक बनाने के लिए CSS (Cascading Style Sheets) का उपयोग होता है।

  • वेबसाइट में इंटरैक्टिविटी (जैसे बटन क्लिक, फॉर्म सबमिट) के लिए JavaScript चाहिए।

 

🧠 Top 10 Exam Questions (MCQ Style)

 

  1. HTML किस प्रकार की भाषा है?
    A. Programming
    B. Markup ✅
    C. Scripting
    D. Styling

  2. HTML का मुख्य उद्देश्य क्या है?
    A. वेबसाइट को सजाना
    B. वेबसाइट चलाना
    C. वेबसाइट का ढांचा बनाना ✅
    D. डेटाबेस बनाना

  3. HTML का पहला संस्करण कब आया था?
    A. 1993 ✅
    B. 1995
    C. 2000
    D. 2010

  4. HTML को किसने बनाया था?
    A. Dennis Ritchie
    B. Brendan Eich
    C. Tim Berners-Lee ✅
    D. Mark Zuckerberg

  5. HTML फाइल की एक्सटेंशन क्या होती है?
    A. .ht
    B. .html ✅
    C. .docx
    D. .php

  6. HTML का नवीनतम संस्करण कौन सा है?
    A. HTML 3
    B. HTML 4
    C. HTML 5 ✅
    D. HTML X

  7. HTML टैग्स को क्या कहते हैं?
    A. Scripts
    B. Elements ✅
    C. Classes
    D. Functions

  8. <html>, <head>, <body> ये क्या हैं?
    A. Links
    B. Tags ✅
    C. Tables
    D. Frames

  9. वेबपेज को ब्राउज़र में देखने के लिए क्या करना होगा?
    A. Paint में खोलना
    B. Word में खोलना
    C. Browser में खोलना ✅
    D. Excel में खोलना

  10. HTML का उपयोग कहाँ होता है?
    A. गेम डेवलपमेंट
    B. सर्वर सेटअप
    C. वेबसाइट का ढांचा बनाना ✅
    D. डेटाबेस

 

 

Scroll to Top