HTML Introduction (easy to learn ) in Hindi

HTML क्या है?

HTML का पूरा नाम Hyper Text Markup Language (हाइपर टेक्स्ट मार्कअप लैंग्वेज) है।
HTML एक Markup Language है जिसका इस्तेमाल वेब पेज को बनाने के लिए किया जाता है. इसके अलावा इसका इस्तेमाल वेब एप्लीकेशन बनाने के लिए भी किया जाता है.
दूसरे शब्दों में कहें तो, “HTML एक कंप्यूटर भाषा है जिसका इस्तेमाल वेबसाइट और एप्लीकेशन बनाने के लिए किया जाता है.”
HTML बहुत ही सरल भाषा है, इसे हम बहुत कम समय में आसानी से सीख सकते हैं.
HTML वेब पेज के स्ट्रक्चर को describe (परिभाषित) करता है.
HTML में बहुत सारें tags होते हैं जिनका इस्तेमाल करके हम अपने वेब पेज को आसानी से create कर सकते हैं.
HTML वेब ब्राउज़र को यह बताता है कि वेब पेज में मौजूद content को किस प्रकार दिखाना है.
HTML में हम CSS का इस्तेमाल करके आकर्षक और सुंदर वेबसाइट बना सकते हैं और इसमें हम जावास्क्रिप्ट का इस्तेमाल भी कर सकते हैं.
HTML Code को लिखने के लिए किसी विशेष सॉफ्टवेयर की जरूरत नही होती है इसके लिए हमें notepad और web browser की जरूरत होती है जो कि हमारे कंप्यूटर पर पहले से ही मौजूद होते है।
HTML को 1991 में Tim Berners-Lee ने विकसित किया था.
HTML का इस्तेमाल सबसे ज्यादा किया जाता है इसलिए यह सबसे प्रसिद्ध लैंग्वेज है.
इस भाषा को एक प्रोग्रामिंग लैंग्वेज नहीं माना जाता, क्योकि यह dynamic web page डिज़ाइन करने में सक्ष्म नहीं होती। इसका उपयोग करके हम केवल static web pages को ही बना सकते है।
इस भाषा का उपयोग करके दो या दो से अधिक web pages को आपस में जोड़ा जा सकता है।
HTML को Hypertext और Markup language को आपस में मिलाकर बनाया गया है।
एचटीएमएल का फ़ाइल extension .html तथा .htm होता है। अर्थात् इसकी फ़ाइलों को .html और .htm लगाकर save किया जाता है.

HTML का इतिहास

HTML 1.0

HTML 1.0 सन 1991 में Tim – Berners Lee के द्वार लॉन्च किया गया था | यह HTML का पहला वर्जन था |

2- HTML 2.0

HTML 2.0 को वर्ष 1995 में लॉन्च किया गया था | यह HTML का दूसरा वर्जन था | जो वेबसाइट को डिजाइन करने का एक स्टैण्डर्ड वर्जन था | इस वर्जन में नए फीचर्स डाले गए थे जैसे – file को upload करना और form बनाना आदि |

3- HTML 3.2

HTML 3.2 को वर्ष 1997 में W3C के द्वारा विकसित किया गया था | यह HTML का तीसरा वर्जन था | इस वर्जन का उपयोग टेबल बनाने के लिए किया जाता था | HTML 3.2 का मुख्य काम गणितीय कार्य करने के लिए बनाया गया था | जैसे कि- जोड़, घटाना, गुणा, भाग आदि भी कर सकते है। यह वर्जन सभी ब्राउज़र को सपोर्ट करता है |

4. HTML 4.01

HTML 4.01 को दिसंबर 1999 में विकसित किया गया था | यह एक एडवांस वर्जन था | जिसे हम अपने वेब पेज में CSS और Java Script का प्रयोग कर सकते थे और यह एक Stable version था.।

5– HTML 5

यह HTML का सबसे नया वर्जन है जिसे जनवरी 2008 में लांच किया गया था। इस वर्जन को W3C (World Wide Web Consortium), और WHATWG ( Web Hypertext Application) के द्वारा विकसित किया गया था। इसमें नए features को डाला गया है जैसे कि – इसके द्वारा हम अपने वेब पेज में video और audio को add कर सकते हैं |

HTML की विशेषताएं (characteristics)

Easy to learn (सीखने में आसान) : HTML एक सरल भाषा है ,जिसे कोई भी व्यक्ति सीख सकता है | यह शुरुआती लोगों के लिए आसान होती है ,इसमें टैग को समझना आसान होता है |
Platform Independent ( हर सिस्टम पर काम करती है ) : HTML एक Platform Independent है ,जो किसी भी ऑपरेटिंग सिस्टम पर चलाये जा सकता है | जैसे Windows, Linux, Mac आदि |
Tag Based Language (टैग आधारित भाषा) : HTML टैग आधारित भाषा है जिसमें टैग का उपयोग करके वेबपेज बनाया जाता है | जैसे <html>, <head>, <body>, <title>, <p> etc.
Used for Web Pages (वेब पेज बनाने के लिए उपयोग) : HTML का उपयोग वेब पेज और वेबसाइट को बनाने के लिए किया जाता है | HTML से वेबसाइट और वेब पेज बनाना आसान होता है |
Supports Multimedia (मल्टीमीडिया सपोर्ट) : HTML बहुत सारे मल्टीमीडिया को सपोर्ट करता है | जैसे images, videos, audio, links आदि को HTML के द्वारा add कर सकते हैं
Case Insensitive : HTML टैग्स Case Insensitive नहीं होते हैं | HTML टैग्स को छोड़ें या बड़े अक्षरों में लिख सकते हैं , इसे कोई परेशानी नहीं आती है| जैसे <P>और <p> दोनों सही हैं |
Works with CSS and JavaScript : HTML CSS और Java script के साथ मिलकर एक अच्छी आकर्षित दिखने वाली वेबसाइट बना सकते हैं |
Open Standard Language : HTML एक Free language है, और open standard language है, जिसे कोई भी users easy से सीख सकता है |

HTML के Uses (उपयोग)

Web Pages बनाने के लिए
HTML का उपयोग website और web pages बनाने में किया जाता है।
Content Structure करने के लिए
Heading, paragraph, table, list आदि को व्यवस्थित करने के लिए HTML उपयोग होती है।
Links बनाने के लिए
एक page को दूसरे page से जोड़ने के लिए hyperlinks बनाए जाते हैं।
Forms बनाने के लिए
Login form, registration form, contact form बनाने में उपयोग होती है।
Images और Videos Add करने के लिए
Web page में image, audio, video दिखाने के लिए HTML उपयोग होती है।
Navigation Menu बनाने के लिए
Website का menu और navigation bar बनाने में उपयोग होती है।
Web Applications का Base बनाने के लिए
HTML, CSS और JavaScript के साथ मिलकर websites और web apps बनाती है।
Online Documents बनाने के लिए
Resume, portfolio, blog pages आदि बनाने में उपयोग होती है।

HTML के Advantages (फायदे)

Easy to Learn and Use (सीखने और उपयोग में आसान) : HTML आसान भाषा है, इसे कोई भी user आसानी से सीख सकता है |
Free to Use : HTML एक फ्री भाषा है, जिसे कोई भी user आसानी से सीख सकता है|
Platform Independent ( हर सिस्टम पर काम करती है ) : HTML एक Platform Independent है ,जो किसी भी ऑपरेटिंग सिस्टम पर चलाये जा सकता है | जैसे Windows, Linux, Mac आदि |
Supports Multimedia (मल्टीमीडिया सपोर्ट) : HTML बहुत सारे मल्टीमीडिया को सपोर्ट करता है | जैसे images, videos, audio, links आदि को HTML के द्वारा add कर सकते हैं|
Web Page Structure : HTML webpage को headings, paragraphs, tables आदि में व्यवस्थित करती है।

HTML Document Structure :

<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>

    <h1>Hello World!</h1>
    <p>Yeh mera pehla HTML page hai.</p>

</body>
</html>

Program Explained :

<!DOCTYPE html> – यह ब्राउज़र को बताता है कि यह HTML5 डॉक्यूमेंट है।
<html> → यह HTML Document का Root Element होता है। यहाँ पूरा HTML Code इसी के अंदर लिखा जाता है |
<head> → इसमें Web Page की जानकारी (Metadata) रखी जाती है जो Browser को दिखाई देती है लेकिन Page पर नहीं दिखती |
<title> → यह Browser tab में नाम दिखाता है |
<body> → Web page पर दिखने वाला पूरा Content <body> के अंदर लिखा जाता है।|
<h1> →<h1> tag में heading लिखी जाती है |
<p> → <p> tag में Paragraph लिखा जाता है |

Structure Diagram :

HTML Document
│
├── <!DOCTYPE html>
│
└── <html>
    │
    ├── <head>
    │   ├── <title>
    │   ├── <meta>
    │   ├── <link>
    │   └── <style>
    │
    └── <body>
        ├── Heading
        ├── Paragraph
        ├── Image
        ├── Link
        └── Other Content

Basic HTML Page :

यह एक Simple और Basic HTML Page का उदाहरण है |

<!DOCTYPE html>
<html>
<head>
    <title>My First Web Page</title>
</head>
<body>

    <h1>Hello World!</h1>
    <p>Yeh mera pehla HTML page hai.</p>

</body>
</html>