HTML Full Form in Hindi | एचटीएमएल क्या है | एचटीएमएल भाषा कैसे सीखे

एचटीएमएल क्या है , HTML in Hindi , HTML का इतिहास क्या है , History Of HTML in Hindi , Full Form Of HTML in Hindi , Types of HTML in Hindi , एचटीएमएल भाषा कैसे सीखे , एचटीएमएल टैग क्या है , HTML Attribute in Hindi

इंटरनेट पर बहुत से Web Documents उपलब्ध है. जिनको कम्प्यूटर सर्वर पर सुरक्षित रखा जाता है. जिस पर पहुंचने के लिए यूआरएल की सहायता ली जाती है. URL हमें उन्ही Web Pages या Website पर पहुंचाते है. जिन्हे वेब ब्राउज़र पर Search किया जाता है. ये Web Page या Website HTML Language में लिखे जाते है. जो वेब पेज या वेबसाइट की आधार होती है. चलिए जानते है HTML क्या है कैसे इसका उपयोग किया जाता है (What is HTML in Hindi & How is It Used).

एचटीएमएल क्या है (HTML in Hindi)

एचटीएमएल Computer की एक मार्कअप भाषा है. जिसे Web page अथवा Website को Design देने के लिए उपयोग में लिया जाता है. HTML अन्य भाषाओं जैसे CSS , Java , C++ आदि से अधिक सरल है. एचटीएमएल भाषा की खोज टीम बैनर्स ली ने 1980 में जेनेवा में की HTML एक Independent Language है. जिसका उपयोग किसी भी Platform (Window , Linux , Macintosh) पर किया जा सकता है.

HTML का इतिहास क्या है (History Of HTML in Hindi)

1. एचटीएमएल - HTML का सबसे पहला Version SGML (Standard Generalized Markup Language) था इसके द्वारा ही Text की सरंचना के लिए Tags को तैयार किया गया था. सुविधा के लिए इसका नाम HTML 1.0 भी कहा जाता है.
2. एचटीएमएल 2.0 - इसका नाम Internet Engineering Task Force (IETF) द्वारा 1995 में प्रकाशित किया गया. जिसमे HTML 1.0 की विशेषताओं के साथ Image का Tag भी शामिल किया गया.
3. HTML 3.0 - इस HTML को कभी भी प्रकाशित नहीं किया गया था. क्योंकी HTML के Standard में लोग बदलाव करने लगे थे.
4. HTML 3.2 - इसमें में भी कुछ नए Attributes को जोड़ा गया. ये Mostly Structure को Style देने के लिए बनाना गया.
5. एचटीएमएल 4.0 - इसमें Style Sheet , Frame , Script आदि को जोड़ा गया. वर्तमान में सभी Website लगभग इसी Version में बनायीं गयी है.
6. HTML 5.0 - यह सबसे Latest Version है. जिसमे XML की विशेषताओं को जोड़ा जाता है.

Full Form Of HTML in Hindi

HTML का Full Form Hyper Text Markup Language होता है. जिसे Web Browser के माध्यम से पढ़ा और प्रदर्शित किया जाता है. इसकी Full Form में दिए गए प्रत्येक शब्द का एक अर्थ होता है. जैसे Hyper - यह एक Hyperlink होता है. जो किसी Text पर बनाया जाता है. जिससे अन्य Web Pages को Explore किया जाता है. जिसे Mouse से Click करके Open किया जाता है. Hyperlink के माध्यम से Image , Audio , Video , File आदि को जोड़ा जा सकता है. Text - ये वो शब्द होते है. जिन्हे हमें Web Browser में Show करना चाहते है. जो Tags के बीच में लिखे जाते है. Markup - यह Web Pages को बनाने के लिए HTML Tag का उपयोग करती है. जिससे HTML Tag में लिखे Text को परिभाषित करना आसान हो जाता है. Language - यह एक भाषा होती है. जो Web Document को बनाने के लिए Code Words का उपयोग करती है.

HTML के प्रकार (Types of HTML in Hindi)

HTML को तीन भागो में बांटा गया है. Transitional HTML - यह HTML का एक सामान्य प्रकार होता है. जिस में लिखा गया Tag यदि गलत भी हो जाता है. तो Web Browser गलतियों को सही नहीं करता बल्कि जैसा आपने लिखा है. वैसा ही प्रदर्शित कर देता है. Frame set - इस HTML का उपयोग Web Pages के Menu Create करने के लिए किया जाता है. जिसके माध्यम से Web Documents को जोड़ा जाता है. Strict - यह सबसे विश्वसनीय HTML होता है. जो नियमो में हुए गलती का पता लगता है. और हमें उसे सुधारने में मदद करता है. जैसे किसी Tag को यदि आप शुरू कर देते है. तो उसे बंद करने या गलती को Red Color में Mark कर देता है. यह गलती रहित Web Pages को जल्दी Load करता है.

 एचटीएमएल भाषा कैसे सीखे (How to Learn HTML in Hindi)

HTML का उपयोग Web Document बनाने के लिए किया जाता है. जिसके लिए दो चीजों को आवश्यकता होती है. एक Basic Text Editor प्रोग्राम जैसे - Notepad , Notepad ++ , Dream Weaver , Coffee Cup , Sublime Text आदि की जरूरत पड़ती है. दूसरी Web pages को देखने के लिए एक Browser (जैसे - Internet Explorer , Google Chrome , Mozilla Firefox Etc.) की जरूरत पड़ती है. Web Browser Html Tags को Website में Show नहीं करता है.

Code लिखने के बाद Notepad या अन्य Basic Text Editor प्रोग्रामो की फाइल को .Htm या .Html नाम से Save करना पड़ता है. यह File Web Browser में Open होती है जहाँ Elements को देख सकते है. Html - Hyper Text Markup Language File का एक्सटेंशन नाम .Html या .Htm होता है.

Notes - किसी भी Webpage की Coding देखने के लिए Ctrl + U का प्रयोग किया जाता है.

Coding करने के लिए Elements का प्रयोग किया जाता है.

एचटीएमएल टैग क्या है (HTML Tag in Hindi)

Html छोटे - छोटे Code की Series से बनता है. जो Text Editor Programs में लिखे जाते है इन्ही Codes को Tag कहा जाता है. यही Tags Web Browser को Instructions देते है की इन Elements को Website में कहाँ और कैसे दिखाया जाता है.

• Opening Tag - Code की शुरुआत में <Tag> का प्रयोग किया जाता है.
• Closing Tag - Code का अंत </Tag> से होता है.

Note :- यदि Opening Tag को Closing Tag से बंद नहीं किया जाता है. तो Tag को कोई भी असर नहीं दिखाया जाता.

HTML Attribute in Hindi

Opening Tag तथा Closing Tag के बीच में विभिन्न Properties को Show करने के लिए किया जाता है.

HTML Document में कुछ Tags और Attributes का उपयोग ऐसे किया जा सकता है

Text से सम्बन्धित Tags और Attributes

1. Title देने के लिए <Title> Text </Title> Element का प्रयोग किया जाता है
2. Page को Background Color देने के लिए <Body bgcolor="कलर का नाम "> </Body> Element का उपयोग किया जाता है
3. Document की Head Lines बनाने के लिए <Head>Text </Head> Element का प्रयोग किया जाता है
4. Header देने के लिए <Header> Text </Header> Element का उपयोग किया जाता है
5. Heading बनाने के लिए (1 से 6 तक Heading बनाई जा सकती है ) 1 - <H1> Text </H1> , 2 - <H2> Text </H2> , 3 - <H3> Text </H3> , 4 - <H4> Text </H4> , 5 - <H5> Text </H5> , 6 - <H6> Text </H6> आदि Element का प्रयोग किया जाता है
6. Text को गहरा करने के लिए <B> Text </B> या <Strong> Text </Strong> Element का उपयोग किया जाता है
7. Text को तिरछा या Italic करने के लिए <I> Text </I> Element का प्रयोग किया जाता है
8. टेक्स्ट को Underline करने के लिए <U> Text </U> Element का उपयोग किया जाता है
9. Text को Typewriter के जैसा लिखने के लिए <Tt> Text </Tt> Element का प्रयोग किया जाता है
10. Text को Subscript करने के लिए <Sub> Text </Sub> Element का उपयोग किया जाता है
11. टेक्स्ट को Superscript करने के लिए <Sup> Text </Sup> Element का प्रयोग किया जाता है
12. Text को Strikethrough करने के लिए <Strike> Text </Strike> Element का उपयोग किया जाता है
13. Text को Blink करवाने के लिए (ये सिर्फ Netscape Navigator Browser में Use होता है) <Blink> Text </Blink> Element का प्रयोग किया जाता है
14. टेक्स्ट लिखने के लिए Area बनाने के लिए <Text areaname="text"> </textarea> Element का उपयोग किया जाता है
15. Text को Center करने के लिए <Center> Text </Center> Element का प्रयोग किया जाता है
16. Text की Size बढ़ाना <Font Size = संख्या> Text </Font>
17. टेक्स्ट का Color बदलना <Font Color = "कलर का नाम"> Text </Font>
18. Text की भाषा बदलना <Font Face = "Font का नाम"> Text </Font>
19. लाइन को तोड़ने के लिए <Br> Tag का उपयोग किया जाता है
20. Drop Down Menu बनाने के लिए <Select>Text </Select> Element का प्रयोग किया जाता है जिसमे Option डालने के लिए <Option> Text </Option> Element का उपयोग किया जाता है
21. List बनाने के लिए <Li> Text </Li> Element का प्रयोग किया जाता है List में Numbering देने के लिए <Ol> Text </Ol> Element का उपयोग किया जाता है परिभाषा लिखने के लिए <Dd> Text </Dd> Element का प्रयोग किया जाता है

Image से सम्बन्धित Tags और Attributes

• Note - File को Link करने का URL File:///................Jpg / .Png / .Gif Element का उपयोग किया जाता है
• नाम या Pics को घुमाने (Rotate) के लिए <Marquee (Option)> Text </Marquee> Element का उपयोग किया जाता है Option - Bgcolor = कलर का नाम , Width = कोई संख्या , Height = कोई संख्या , Align = Top , Bottom , Middle , Behavior = Alternate - Screen पर ही रखना , Scroll – घुमाना , Direction - Left / Right
• Link डालने के लिए <ahref = "url"> Text </a> Element का प्रयोग किया जाता है
• Image लाने के लिए <Img Src = "url"> Element का प्रयोग किया जाता है
• Photo के Border लगाने के लिए <Img Border = संख्या Src = "url"> Element का उपयोग किया जाता है
• Image के Size बदलना के लिए <Img Height = संख्या width = संख्या Src = "url"> Element का प्रयोग किया जाता है

Table से सम्बन्धित Tags और Attributes

• टेबल बनाने के लिए <Table> </Table> Element का उपयोग किया जाता है
• Table Break करने के लिए <Tr> Tag का प्रयोग किया जाता है
• Table की Heading बनाने के लिए <Th> Text </Th> Element का उपयोग किया जाता है
• टेबल की Border बनाने के लिए <Table Border = "संख्या"> Text </Table> Element का प्रयोग किया जाता है
• Table में Text लिखने के लिए <Tb> Text </Tb> Element का उपयोग किया जाता है

Form से सम्बन्धित Tags और Attributes

• Form बनाना <Form> Text </Form> , Blank Box बनाने के लिए <Input Type = "Text" Name = "नाम"> Element का प्रयोग किया जाता है
• Radio Button बनाने के लिए <Input Type = "Radio" Name = "रेडीओ का नाम"> Element का उपयोग किया जाता है
• Check Box बनाने के लिए <Input Type = "Checkbox" Name = "नाम" Value = "नाम"> Element का प्रयोग किया जाता है
• Submit बनाने के लिए <Input Type = "Submit" Value = "नाम"> Element का उपयोग किया जाता है