HTML क्या है और कैसे उपयोग किया जाता है | What is HTML 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 क्या है What is HTML in Hindi

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

HTML का इतिहास क्या है What is History Of HTML in Hindi

एचटीएमएल – HTML का सबसे पहला Version SGML (Standard Generalized Markup Language) था इसके द्वारा ही Text की सरंचना के लिए Tags को तैयार किया गया था. सुविधा के लिए इसका नाम HTML 1.0 भी कहा जाता है.

एचटीएमएल 2.0 – इसका नाम Internet Engineering Task Force (IETF) द्वारा 1995 में प्रकाशित किया गया. जिसमे HTML 1.0 की विशेषताओं के साथ Image का Tag भी शामिल किया गया.

HTML 3.0 – इस HTML को कभी भी प्रकाशित नहीं किया गया था. क्योंकी HTML के Standard में लोग बदलाव करने लगे थे.

HTML 3.2 – इसमें में भी कुछ नए Attributes को जोड़ा गया. ये Mostly Structure को Style देने के लिए बनाना गया.

एचटीएमएल 4.0 – इसमें Style Sheet , Frame , Script आदि को जोड़ा गया. वर्तमान में सभी Website लगभग इसी Version में बनायीं गयी है.

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 करता है.

HTML Language कैसे सीखे 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 क्या है What is HTML Tag in Hindi

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

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

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

HTML Attribute क्या है What is 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 का उपयोग किया जाता है

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

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

1. टेबल बनाने के लिए <Table> </Table> Element का उपयोग किया जाता है
2. Table Break करने के लिए <Tr> Tag का प्रयोग किया जाता है
3. Table की Heading बनाने के लिए <Th> Text </Th> Element का उपयोग किया जाता है
4. टेबल की Border बनाने के लिए <Table Border = “संख्या”> Text </Table> Element का प्रयोग किया जाता है
5. Table में Text लिखने के लिए <Tb> Text </Tb> Element का उपयोग किया जाता है

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

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

Join Our Telegram

HTML के FAQ क्या है

FAQ क्या है HTML के

You May Also Know

• Captcha Code क्या होता है और कैप्चा कोड कैसे काम करता है हिंदी में
  जब भी हम किसी Online कोई भी Work करते है …

  Read moreCaptcha Code क्या होता है और कैप्चा कोड कैसे काम करता है हिंदी में

• Busy Software में Masters (खाते) कैसे बनाये
  Busy Software में बहुत से Masters पहले से ही बने …

  Read moreBusy Software में Masters (खाते) कैसे बनाये

• Ledger (खाता) क्या होता है Tally Prime में Ledger कैसे बनाते है
  Tally Prime में Ledger बनाने से पहले ये जाने लेते …

  Read moreLedger (खाता) क्या होता है Tally Prime में Ledger कैसे बनाते है

• Marg ERP 9+ Software क्या है और Marg ERP 9+ में Company कैसे बनाये
  Marg ERP 9+ Software क्या है और Marg ERP 9+ …

  Read moreMarg ERP 9+ Software क्या है और Marg ERP 9+ में Company कैसे बनाये

• Busy Software क्या है और Busy में Company कैसे बनाये
  Busy Software क्या है और Busy में Company कैसे बनाये …

  Read moreBusy Software क्या है और Busy में Company कैसे बनाये

• Tally Prime क्या है और Tally Prime में Company कैसे बनाये
  Tally Prime क्या है और Tally Prime में Company कैसे …

  Read moreTally Prime क्या है और Tally Prime में Company कैसे बनाये

• Journal Entries Rules in Hindi रोजनामचा में प्रविष्टि के नियम
  Journal Entries Rules in Hindi रोजनामचा में प्रविष्टि के नियम …

  Read moreJournal Entries Rules in Hindi रोजनामचा में प्रविष्टि के नियम

• Business Accounting Terminology in Hindi | व्यापारिक लेखांकन की शब्दावली
  Business Accounting Terminology in Hindi (व्यापारिक लेखांकन की शब्दावली) – …

  Read moreBusiness Accounting Terminology in Hindi | व्यापारिक लेखांकन की शब्दावली

• Adobe Photoshop क्या है Photoshop कैसे सीखे और उसका उपयोग कैसे करे हिंदी में
  Adobe Photoshop क्या है यह एक प्रकार का Image को …

  Read moreAdobe Photoshop क्या है Photoshop कैसे सीखे और उसका उपयोग कैसे करे हिंदी में

• What is CSS in Hindi | CSS क्या है | Cascading Style Sheets कैसे सीखे
  कुछ समय पहले इंटरनेट पर उपलब्ध बहुत से Web Documents …

  Read moreWhat is CSS in Hindi | CSS क्या है | Cascading Style Sheets कैसे सीखे