Contents
HTML क्या है?
दोस्तों इंटरनेट सूचना तकनिक की एक विशेष उपलब्धि है इंटरनेट पर जुड़े सभी कम्प्यूटरो के जाल को वेब दुनिया भी कहा जाता है वेब दुनिया की सरचना में यो तो अनेक बातों का योगदान हे लेकिन सूचनाओं को प्राप्त करने में HTML
भाषा का पर्याप्त योगदान है वेब के दस्तावेज जिस भाषा में लिखे जाते हे उसका नाम HTML है जिसका पूरा नाम Hyper Text Markup Language (हाइपर टेक्स्ट मार्कअप लैंग्वेज है ) यह भाषा वेब पेज बनाने के लिए बहुत आसान भाषा है एवं बहुत सरल है वेब पेज तैयार करने में HTML भाषा का सबसे अधिक प्रयोग होता है ,
HTML छोटे छोटे कोड की सीरीज से बना होता हे जिसको हम नोटपैड अन्य कोडिंग एडिटर मे लिखते हे इन छोटे कोड् को हम टैग्स कहते हे HTML टैग्स ब्राउज़र बताता हे की उस टैग के अंदर लिखे गए एलिमेंटस को वेबसाइट पर कैसे और कहा दिखाया जाये
HTML ऐसे बहुत सारे टैग्स प्रदान करता हे जो ग्राफ़िक्स , फॉण्ट साइज, और Colors के इस्तेमाल से आपकी वेबसाइट को एक आकर्षित रूप देता हे इसके प्रत्येक शब्द का अलग-अलग मतलब होता है की HTML को मार्कअप लैंग्वेज क्यों कहा जाता है,
HTML के माध्यम से किसी वेबसाइट या ब्लॉग निर्माण किया जाता है HTML के अंदर ऐसे-ऐसे टैग आते है जिसके माध्यम से वेब पेज का निर्माण होता है वेब पेज का लेआउट , वेब पेज का कलर थीम , वेब पेज का पूरा स्ट्रक्चर HTML के माध्यम से बनाया जाता है दोस्तों आज के समय इंटरनेट पर जितनी भी वेबसाइट या ब्लॉग चल रहे है उन वेबसाइट या ब्लॉग बनाने के लिए HTML भाषा का उपयोग किया जाता है,
Hypertext- Hypertext वह तरीका हे जिसके द्वारा वेब पेज को ढूंढा जाता है यह एक साधारण टेक्स्ट ही होता है लेकिन हाइपरटेक्स्ट अपने साथ किसी अन्य टेक्स्ट को जोड़े रखता हे जिसे माउस क्लिक , टेब से या कुंजी दबाकर चलाया जाता है
इसकी यही विशेषता इसे साधारण टेक्स्ट से अलग करती हे हाइपरटेक्स्ट को हाइपरलिंक कहते हे html टैग के द्वारा किसी भी टेक्स्ट को हाइपरलिंक बनाया जा सकता हे इसके अलावा Images , विडिओ, साउंड, को भी हाइपरलिंक बनाया जा सकता हे इस प्रकार का लिंक डेटा Hypermedia कहलाता है
Markup – Html वेब डॉक्यूमेंट बनाने के लिए “Html Tags “ का उपयोग करती हे प्रत्येक Html Tag अपने बीच आने वाले टेक्स्ट को किसी प्रकार में परिभासित करता हे इसके Markup कहते हे “<i>” एक Html tag हे जो अपने बीच आने वाले टेक्स्ट को तिरछा करता है
Language – Html एक भाषा हे क्यों की यह डाक्यूमेंट बनाने के लिए Code -Words का इस्तेमाल करती है जिन्हे Tags कहते हे और इन Tags को लिखने के लिए Html का वाक्य हे Html वाक्य के तीन भाग होते हे जिनका नाम ;Element , Tags , और Text हे Html Element Html tags से मिलकर बना होता है
Angel Bracket के बिच जो शब्द लिखा होता हे इसे Html tag कहते हे ये दो प्रकार का होता हे पहला , Opening Tag और दूसरा Closing Tag और अंतिम भाग होता हे Text जो Html Tag के बिच लिखा जाता है।
HTML का इतिहास?
दोस्तों HTML का निर्माण 1990 TIM BERNERS LEE ने किया था और सबसे पहले इसका इस्तेमाल किया इससे पहले tim-Berners-Lee ये भौतिकी विज्ञानी कॉन्ट्रैक्टर के रूप में CERN (Conseil European Organization Nuclear Research )इस फ्रेंच आर्गेनाइजेशन में काम करते थे Html के अविष्कार से पहले 1980 में जब Tim – Berners -Lee ये CERN में कॉन्ट्रैक्टर के रूप में काम कर रहे थे तब उन्होंने डॉक्यूमेंट को
शेयर करने के लिए ENQUIRE इस सॉफ्टवेयर का निर्माण किया ये सॉफ्टवेयर एक सिंपल हाइपर टेक्स्ट प्रोग्राम था Html एक लगातार विकसित होने वाली भाषा हे इसी के कारण आज तक इसके कई संस्करण आ चुके हे इसका पहला संस्करण HTML ही था और इसे SGML -स्टैंडर्ड Generalized Markup लैंग्वेज के रूप में था इसकी मदद से टेक्स्ट को स्ट्रक्चर दिया जाता हे और इसके लिए कुछ Tags भी बनाये गए थे इसको कभी कोई नाम
नहीं दिया गया बस इसे HTML ही कहा जाता था लेकिन इसके बाकि संस्करण के नाम थे इसलिए सुविधा के लिए इसे HTML 1.0 ,HTML 2.0 कहा जाने लगा आज देखा जाये तो आसानी से वेब पेज बनाने का पूरा श्रेय Tim-Berners-Lee को जाता है.
दोस्तों आपने HTML क्या है और HTML का इतिहास क्या यह जान लिया है अब बात करते है HTML के Version कितने आ चुके है ?
HTML के Version
- HTML 1.0
- HTML 2.0
- HTML 3.0
- HTML 3.2
- HTML 4.0.1
- XHTML
- HTML 5.0
HTML 1.0 -ये HTML का पहला संस्करण था जो की वर्ष 1991 में लोगो सामने आया था उस समय बहुत कम लोग इस लैंग्वेज के बारे में जानते थे HTML 1.0 का उपयोग पहले सिर्फ और सिर्फ वेब पेज ही बना पाता था क्यों की उसमे पहले कुछ जयदा फंक्शन नहीं थे.
HTML 2.0 – जैसे की नाम से ही पता चल रहा हे की ये HTML का दूसरा संस्करण हे इसमें HTML 1.0 के सारे फंक्शन थे इसमें अपडेट होते गए यह संस्करण वर्ष 1995 में आया था और लोग इसे जानने लग गए थे.
HTML 3.0 – इस संस्करण के आने से HTML लोगो के बिच काफी पॉपुलर होने लगा था HTML 3.0 में कुछ परेशानी आयी इसलिए इसे चलाने के बाद रोक दिया गया था और फिर कुछ समय बाद इसे फिर से लॉन्च कर दिया गया.
HTML 3.2 – यह HTML का चौथा संस्करण हे जो की वर्ष 1997 में मार्केट के लाया गया था इसे W3C -World Wide Web Consortium के नाम से जाना जाता था W3C के द्वारा ही इसे 3.0 की सिफारिश के साथ HTML का अगला संस्करण HTML 3.2 का प्रकाशन किया गया इसमें दोनों संस्करणों से जयादा विशेषता थी.
HTML 4.0.1 – अब इंटरनेट काफी लोकप्रिय हो चूका था अधिक से अधिक लोग HTML सीखना चाहते थे और पहले से ही इससे जुड़े थे वे HTML से जयदा चाहने लगे इसलिए इस रिक्तस्थान को भरने के लिए HTML का अगला संस्करण HTML 4.0.1 का प्रकाशन किया गया इस संस्करण में कुछ नई विशेषताए जैसे Frame , Script ,Stylesheet आदि को जोड़ा गया और अब इसे पड़ने वाले ब्राउज़र भी एडवांस हो चुके थे यह HTML के इतिहास में एक बड़ा बदलाव था.
XHTML – यह संस्करण वर्ष 2000 में लॉन्च किया गया था इसका फुल नाम (Extensible Hyper Text Markup Language) हे इसको XMl की मार्कअप लैंग्वेज के नाम से भी जाना जाता हे XML को HTML का एक विस्तार रूप हे क्यों की इसे HTML के बाद लाया गया था वो भी कुछ और फंक्शन के साथ जिसके द्वारा ये वो सारी लिमिटेसन को पूरा करता हे जो HTML से पूरा नहीं हो पाती।
HTML 5.0 – यह HTML का सबसे नया संस्करण हे इसे 2014 में लाया गया इसमें बहुत सरे नई फक्शन जोड़े हे इसमें Html 4.01 की विशेषताए के आलावा Xml की भी विशेसताये भी शामिल की गयी है यह संस्करण अपनी धीरे धीरे लोगो के सामने पहचान बना रहा हे Html 5.0 में ग्राफ़िक्स को काफी आगे लाया गया हे canvas और Svg tag के जरिये यह उस ज़माने की बहुत पावरफुल लैंग्वेज थी.
Html Syntax के तीन संभावित भाग होते है जो क्रमश: Element, Tags और Text है. HTML Element HTML Tag से मिलकर बनता है. Angel Bracket के बीच जो शब्द या अक्षर लिखा होता है इसे HTML के प्राथमिक संस्करण के बाद एक समूह IETF – Internet Engineering Task Force द्वारा HTML के अगले संस्करण का नामकरण किया गया.
आइये अब जानते है कि HTML में कौनसे-कौनसे Tag आते है और वेब पेज बनाने के लिए किस-किस Tag का क्या भूमिका है?
HTML Tag List Hindi
1 | <iDOCTYPE> | वेब पेज पर डॉक्यूमेंट टाइप करने के लिए इस टैग का उपयोग किया जाता है |
2 | <a> | वेब पेज पर हाइपरलिंक जोड़ने के लये इस टैग का उपयोग किया जाता है |
3 | <adress> | |
4 | <aria> | |
5 | <article> | वेब पेज पर आर्टिकल लिखने के लिए इस टैग का उपयोग किया जाता है |
6 | <aside> | |
7 | <audio> | वेब पेज पर सांग्स या किसी भी प्रकार की ऑडियो या Voice जोड़ने के लये इस टैग का उपयोग किया जाता है |
8 | <b> | वेब पेज पर टाइप किसी भी शब्द को Bold इफ़ेक्ट डालने के लिए इस टैग का उपयोग किया जाता है |
9 | <u> | वेब पेज पर टाइप किसी भी शब्द को Underline करने के लिए इस टैग का उपयोग किया जाता है |
10 | <i> | वेब पेज पर टाइप किसी भी शब्द को Italic यानि टेड़ा करने के लिए इस टैग का उपयोग किया जाता है |
11 | <big> | वेब पेज पर टाइप किसी भी शब्द बड़ा करने के लिए इस टैग का उपयोग किया जाता है |
12 | <blockquote> | |
13 | <body> | |
14 | <br> | वेब पेज पर टाइप शब्दों को बिच में से break/तोड़ने लिए इस टैग का उपयोग किया जाता है |
15 | <button> | वेब पेज पर बटन बनाने के लिए इस टैग का उपयोग किया जाता है |
16 | <canvas> | |
17 | <caption> | वेब पेज पर किसी object यानि इमेज या शेप के ऊपर नाम लिखने लिए इस टैग का उपयोग किया जाता है |
18 | <center> | वेब पेज पर टाइप किसी भी शब्द center यानि बिच में करने के लिए इस टैग का उपयोग किया जाता है |
19 | <cite> | |
20 | <code> |
21 | <col> | |
22 | <colgroup> | |
23 | <data> | |
24 | <datalist> | |
25 | <dd> | |
26 | <del> | वेब पेज पर टाइप किसी भी शब्द डिलीट करने के लिए इस टैग का उपयोग किया जाता है |
27 | <details> | |
28 | <dfn> | |
29 | <dialog> | |
30 | <div> |
31 | <dl> | |
32 | <dt> | |
33 | <em> | |
34 | <embed> | |
35 | <fieldset> | |
36 | <figcaption> | |
37 | <footer> | |
38 | <form> | |
39 | <h1> | वेब पेज पर टाइप किसी भी शब्द को सबसे बड़ी Heading देने के लिए इस टैग का उपयोग किया जाता है |
40 | <h2> | वेब पेज पर टाइप किसी भी शब्द को h1 से छोटी Heading देने के लिए इस टैग का उपयोग किया जाता है |
41 | <h3> | वेब पेज पर टाइप किसी भी शब्द को h2 से छोटी Heading देने के लिए इस टैग का उपयोग किया जाता है |
42 | <h4> | वेब पेज पर टाइप किसी भी शब्द को h3 से छोटी Heading देने के लिए इस टैग का उपयोग किया जाता है |
43 | <h5> | वेब पेज पर टाइप किसी भी शब्द को h4 से छोटी Heading देने के लिए इस टैग का उपयोग किया जाता है |
44 | <h6> | वेब पेज पर टाइप किसी भी शब्द को h5 से छोटी Heading देने के लिए इस टैग का उपयोग किया जाता है |
45 | <head> | वेब पेज Head शब्द लिखने के लिए इस टैग का उपयोग किया जाता है |
46 | <header> |
47 | <hr> | वेब पेज पर Horizontal लाइन लगाने के लिए इस टैग का उपयोग किया जाता है |
48 | <iframe> | वेब पेज पर Frame बनाने के लिए इस टैग का उपयोग किया जाता है |
49 | <img> | वेब पेज पर किसी भी प्रकार की इमेज/फोटो लगाने के लिए इस टैग का उपयोग किया जाता है |
50 | <input> | |
51 | <ins> | |
52 | <kbd> |
53 | <label> | वेब पेज पर लेबल बनाने के लिए इस टैग का उपयोग किया जाता है |
54 | <legend> | |
55 | <li> | |
56 | <link> | वेब पेज पर किसी भी प्रकार का लिंक लगाने के लिए इस टैग का उपयोग किया जाता है |
57 | <main> | |
58 | <mark> | वेब पेज पर टाइप किसी भी शब्द हाईलाइट करने के लिए इस टैग का उपयोग किया जाता है |
59 | <meta> | |
60 | <meter> | |
61 | <nav> | |
62 | <noscript> | |
63 | <object> | |
64 | <ol> |
65 | <optgroup> | |
66 | <option> | |
67 | <output> | |
68 | <p> | वेब पेज पैराग्राफ लिखने के लिए इस टैग का उपयोग किया जाता है |
69 | <param> | |
70 | <picture> |
71 | <pre> | |
72 | <progress> | |
73 | <q> | |
74 | <rp> | |
75 | <rt> | |
76 | <ruby> |
77 | <s> | |
78 | <samp> | |
79 | <script> | वेब पेज पर किसी भी प्रकार की स्क्रिप्ट लिखने के लिए इस टैग का उपयोग किया जाता है |
80 | <section> | |
81 | <select> | वेब पेज पर सेलेक्ट के लिए इस टैग का उपयोग किया जाता है |
82 | <small> |
83 | <source> | |
84 | <span> | |
85 | <strong> | वेब पेज पर किसी important शब्द को लिखने के लिए इस टैग का उपयोग किया जाता है |
86 | <style> | |
87 | <sup> | वेब पेज पर टाइप किसी भी शब्द को Superscript करने के लिए इस टैग का उपयोग किया जाता है |
88 | <summary> | वेब पेज पर summary लिखने के लिए इस टैग का उपयोग किया जाता है |
89 | <sub> | वेब पेज पर टाइप Shape या डिज़ाइन बनाने के लिए इस टैग का उपयोग किया जाता है |
90 | <svg> | वेब पेज पर टाइप किसी भी शब्द को Superscript करने के लिए इस टैग का उपयोग किया जाता है |
91 | <table> | वेब पेज पर किसी भी प्रकार की टेबल बनाने के लिए इस टैग का उपयोग किया जाता है |
92 | <tbody> | |
93 | <td> | वेब पेज टेबल के अंदर सेल बनाने के लिए इस टैग का उपयोग किया जाता है |
94 | <template> | वेब पेज पर template लिए इस टैग का उपयोग किया जाता है |
95 | <textaria> | |
96 | <th> | वेब पेज के टेबल के अंदर सेल की हैडिंग बनाने के लिए इस टैग का उपयोग किया जाता है |
97 | <thead> | |
98 | <time> | वेब पेज पर करंट टाइम जोड़ने लिए इस टैग का उपयोग किया जाता है |
99 | <title> | वेब पेज पर टाइटल देने के लिए इस टैग का उपयोग किया जाता है |
100 | <tr> | वेब पेज टेबल के अंदर row बनाने के लिए इस टैग का उपयोग किया जाता है |
101 | <ul> | वेब पेज बुलेट्स देने के लिए इस टैग का उपयोग किया जाता है |
102 | <var> | |
103 | <video> | वेब पेज पर किसी भी प्रकार की वीडियो जोड़ने के लिए इस टैग का उपयोग किया जाता है |
104 | <wbr> | |
105 |
HTML का उपयोग क्यों और किस लिए किया जाता है?
दोस्तों बिना HTML लैंग्वेज के किसी भी वेब पेज को बनाना आसान काम नहीं और आज इंटरनेट पर जितने भी वेबसाइट या ब्लॉग बनाये गये है उन सभी वेबसाइट या ब्लॉग में HTML भाषा का उपयोग जरुरी किया गया है
आज के समय इंटरनेट पर बड़ी से बड़ी वेबसाइट बनाने के लिए HTML भाषा का उपयोग अनिवार्य रूप से किया जाता है वेबसाइट या ब्लॉग बनाने के लिए Php हो या फिर .Net इनके साथ भी वेब पेज बनाने के लिए HTML भाषा को सम्मलित किया जाता है
HTML का उपयोग कैसे किया जाता है?
दोस्तों HTML किसी साधारण टेक्स्ट एडिटर सॉफ्टवेयर पर काम नहीं करता है HTML भाषा को लिखने के लिए कुछ स्पेशल सॉफ्टवेयर होते है जैसे –
- notepad-plus-plus
- dreamweaver
- coffeecup
- aptana
- netbeans
- bluefish.openoffice
- sublimetext
- barebones
- coteditor
- activestate
- macromates
ऊपर दिए आप किसी भी कोडिंग एडिटर को अपने कंप्यूटर या लैपटॉप में डाउनलोड करके HTML भाषा को लिख सकते है अपना खुदका वेब पेज बना सकते हो वेब पेज बनाने के लिए एक सिंपल कोड उदाहरण के रूप में इस प्रकार है –
<iDOCTYPE html>
<html>
<head>
My First Web Page
<title>Computer Expert Link</title>
</head>
<body>
<h1> This is My First Heading </h1>
<p> This is My First Paragraph </h1>
</body>
</html>