HTML in hindi

[2022] HTML क्या है ? इसके Tags, Attributes and History – Html kya hai in hindi

by

इंटरनेट पे मौजूद सभी डाटा web page के रूप में उपलब्ध होता है। ये सभी Webpages server में स्टोर रहते है, एक website बहुत सारे web pages का समूह होता है। इन websites और webpages को HTML की मदद से बनाया जाता है। आईये ab जानते है html kya hai in hindi के बारे में .

इस post में HTML- h t m l kya hai के इतिहास से लेकर वर्तमान तक की पूरी जानकारी दी गयी है। इस पोस्ट को ध्यान से पढ़े। आपको कहीं और जाने की आवश्यकता नहीं होगी।

HTML क्या है ?- Introduction to html in hindi

HTML एक markup language है, जिसमें HTML tags का इस्तेमाल करके किसी भी वेबसाइट का ढाँचा बनाया जाता है। HTML का विकास webpage बनाने के लिए ही किया गया है। HTML document को webpage कहते है। और webpages के समूह को वेबसाइट कहते है। 

इंटरनेट पे जितनी भी websites मौजूद है वो सब HTML के द्वारा ही बनी है। HTML का यूज़ करके किसी भी वेबसाइट का layout define किया जाता है। HTML भाषा को कोई भी आसानी से सिख सकता है ये बहुत ही सरल होती है। HTML को किसी भी वेब ब्राउज़र द्वारा run किया जाता है।

HTML का पूरा नाम- HTML full form in Computer in hindi

HTML full form in Computer in hindi
HTML की full form “Hyper text markup language”  होती है। आईये इस full form के एक-एक शब्द को Detail में समझते है।

Hypertext : Hypertext शब्द को 1960 में ted nelson द्वारा सामने लाया गया था। Hypertext साधारण सा text होता है। लेकिन Hypertext किसी दूसरे document या किसी text से जुड़ा हुआ होता है। जिसे user द्वारा किसी भी इनपुट device से क्लिक करके access किया जाता है। Hypertext से ही एक website को दूसरी website से जोड़ा जाता है।

Hypertext को Hyperlink भी कह सकते है। लेकिन इन दोनों में बस ये अंतर है की हाइपरटेक्स्ट में सिर्फ टेक्स्ट जुड़ा होता है और hyperlink में मीडिया, text audio ,video ,graphics जुड़े हुए होते है।

HTML में <a> anchor tag का इस्तेमाल करके अपने text को hypertext  बना सकते है। world wide web (WWW या इंटरनेट) में इसका बहुत बड़ा योगदान है। क्युकी इंटरनेट को हम जाल कहते है , और ये जाल हाइपरटेक्स्ट के द्वारा ही बनाया गया है।

जरूर पढ़े – वेब डेवलपर कैसे बनें ? | 2021 में web developer kaise bane

Markup :

HTML tags के ज़रिये website पे किसी भी text को display करने के लिए जो प्रक्रिया follow की जाती उसको text को mark करना कहते है। इसलिए HTML को markup language कहा जाता है।

HTML में बहुत सारे मार्कअप टैग्स होते है जिनसे वेबसाइट बनायीं जाती है। जिनको इस्तेमाल करके  करके वेबसाइट के content को describe किया जाता है।

आईये एक उदाहरण से समझते है।

हम एक इनपुट के तौर पैर एक text लेते है जैसे : “DigitalLadka” इस साधारण से text को HTML के ज़रिये तिरछा ( Italic ) करके लिखना है उसके लिए हम एक HTML tag < i >  का इस्तेमाल करेंगे। अब अपने साधारण से text को इन दो चिन्हों <i >  </i > के बीच में इस तरह <i > DigitalLadka </i> लिखा जाएगा तो ये text इस तरह ” Digital ladka” output में तिरछा दिखाई देगा।

Language : HTML एक भाषा है जिसमें symbols और codes का इस्तेमाल करके HTML डॉक्यूमेंट बनाया जाता है। HTML भाषा codes और tags के रूप में होती है जिसे web browser आसानी से समझ के execute करता है।

तो आईये अब इसके html tags and attributes in hindi के बारे में गहनता से पढ़ते है।

HTML tags क्या है ?-Html ke elements in hindi

HTML tags वे शब्द (keywords) होते है जो पहले से ही predefined होते है। एक HTML document का निर्माण इन्ही टैग्स की मदद से किया जाता है। इन्हें हम HTML के elements भी कहते है.

HTML tags वेब ब्राउज़र को बताते है की कंटेंट कैसे Display करना है। वैसे तो बहुत सारे HTML टैग्स होते है लेकिन हर एक tag का काम अलग होता है। मतलब की हर टैग में अलग गुण होते है। 

एक HTML tag तीन चीज़ो से मिलकर बनता है।

  1. Opening tag
  2. Closing tag
  3. Content/text

हाइपरलिंक क्या है ? (what is hyperlink in html in hindi)

हाइपरलिंक एक प्रकार की लिंक होती जो किसी साधारण से Text से जोड़ी जाती है। जैसा मैंने ऊपर बताया है की HTML में किसी text को हाइपरलिंक बनाने के लिए anchor tag <a > के साथ href attribute का भी इस्तेमाल किया जाता है। 

<a href="www.google.com">Google</a>

Hyperlink से आप किसी भी document ,media ,video को लिंक कर सकते है और इस लिंक पे Click करने पर इस लिंक को access कर सकते है।

ज़रूर पढ़े – शतरंज खेल कर अपना करियर कैसे बनाये।

HTML attributes क्या है ? – attribute kya hai

  • HTML में attributes एक प्रकार के विशेष शब्द होते है जो HTML tags को अतिरिक्त जानकारी देते है।  या यूं कहे की HTML tags को modify करते है। attributes का इस्तेमाल करके किसी भी tag के behaviour को change किया जा सकता है।
  • HTML भाषा में हर tag के attributes होते है।
  • Attributes को किसी भी tag के सिर्फ starting opening टैग में ही लगाया जाता है।
  • attributes को tag में उसके name और उसकी value के साथ apply किया जाता है।
  • attributes में name और value,  case Senstive होते है यानी की आप सिर्फ small letters का ही इस्तेमाल कर सकते है। अगर आप capital letters में लिखेंगे तो ये apply नहीं होगा।
  • किसी भी HTML tag में आप एक से ज्यादा attributes का इस्तेमाल कर सकते है।
<img src="digitalladka.jpeg">

अब इस code में आप देख सकते है की हमनें webpage पे image लगाने के लिए tag के साथ ” src ” attribute का इस्तेमाल किया है। इस attribute ये विशेषता है की इसमें image को attach करना पड़ता है। तभी image हमारे webpage पे show होगी।

अब हम HTML के बारे में काफी कुछ जान चुके है आईये अब HTML का रोचक इतिहास देखते है।

जरूर पढ़े – क्रिप्टोग्राफ़ी क्या है ? ये कैसे हमारी privacy को सुरक्षित करती है ?

HTML का इतिहास -HTML History & Version of html in hindi

इसके इतिहास के बारे में बात करे तो, 1991 में Tim berners lee के द्वारा इसका आविष्कार हुआ था। 1991 के अंत में berners ली ने एक डॉक्यूमेंट पब्लिश किया था जिसका नाम था “HTML tags ” . 

इस डॉक्यूमेंट के अंदर HTML की पूरी जानकारी थी। जब 1989 में tim berners lee ने www का आविष्कार किया था तो बहुत सारे web document होने के कारण इनको manually सर्च करना पड़ता था तो सर्च करने में बहुत दिक्कतें आती थी।

तो  इसी चीज़ को हल करने के लिए Tim berners lee ने HTML language का आविष्कार किया था। चूँकि HTML पूरी Hypertext पे आधारित है तो tim berners ली ने हाइपरटेक्स्ट का इस्तेमाल करके सारे वेब डाक्यूमेंट्स को एक दूसरे से link कर दिया और उनकी दिक्कत हल हो गयी।

फिर 1991 में ही HTML का पहला version लॉंच किया गया। और फिर आने वाले सालो में इसके और version आने लगे। वर्तमान में HTML 5 version चल रहा है। HTML का हर version, इसी चीज़ को फोकस करके बनाया गया है की इसका हर version सरल रहे और सुन्दर webpages बनाये।

आईये एक नज़र HTML के versions पे डालते है :

HTML 1.0 :- HTML का ये version ज्यादा सफल नहीं रहा था क्यूकी इसको ज्यादा users नहीं मिले और इसके फीचर्स भी बहुत ही limited थे. इस version में सिर्फ text और images,hypertext ही add कर सकते थे। 

HTML2.0- 1995 में IETF – Internet Engineering Task Force द्वारा नामकरण किया गया है , इस version में बहुत सारे नए markup tags निकाले गए थे जिसमें forms tags, text boxes, buttons आदि जोड़े गए थे। साथ ही में W3C(world wide web consortium) संस्था का गठन भी किया गया था। अगले versions W3C संस्था के द्वारा लॉन्च होने वाले थे।
HTML3.2 — 1997 में, HTML का तीसरा version आया था। इसमें HTML tags ,attributes को और भी ज्यादा improve किया गया था। इस version में frame tags को भी लाया गया था और CSS भी इसी version से लागू की गयी थी CSS को cascading style sheet कहते है ये HTML tags को बेहतर प्रदर्शित करने में मदद करती है। इसका इस्तेमाल करके हम वेबसाइट को खूबसूरत बना सकते है और अपने वेबसाइट के elements को पोजीशन दे सकते है। इसके बारे में किसी और पोस्ट में बात करेंगे।

HTML4.01 :– फिर 1999 में , जब इंटरनेट ने पूरी दुनिया में अपने पैर पसार लिए थे तब इंटरनेट users भी बढ़ रहे थे। तब HTML का 4th version बहुत सफल साबित हुआ। इस version में CSS को improve किया गया। पिछले version में HTML को CSS के code के साथ Style tag का इस्तेमाल करके किया जाता था। 

इसमें एक दिक्कत थी की web developers को हर HTML वेबपेज में एक जैसी CSS बार बार लिखनी पड़ती थी। इस प्रॉब्लम को solve करने के लिए इस version में External Style sheet जोड़ी गयी।

External style को जोड़ने के लिए link tag में इस तरह <link rel=”stylesheet” type=”text/css” href=”mystyle. css”>  external CSS file को जोड़ा जाता है। 

इसे जोड़ने से ये हुआ की बार बार हर वेबपेज के लिए CSS लिखने की ज़रूरत नहीं पड़ती , बस हम अपनी external sheet को अपने हर HTML document webpage से connect कर देते है। इस version में इसी समस्या का समाधान किया गया था। ये version पूरी दुनिया में बहुत लोकप्रिय हुआ था। 
HTML 5 : – W2C के द्वारा 2008 में HTML 5 को लांच किया गया। इस version में वो सारी खूबियाँ थी जो पिछले versions में थी। वर्तमान में इसी का उपयोग किया जा रहा है। इस version में बहुत सारे नए tags जोड़े गए जैसे : geolocations support tags , XML की विशेषता , semantic tags , audio tags और section tag आदि। अब वर्तमान में यह version बहुत लोकप्रिय हो चूका है।

HTML कैसे सीखें ? – Html in hindi tutorial

दोस्तों , HTML सिखने के लिए आपके पास बहुत सारे resources मौजूद है। आप अपने नज़दीकी coaching institute से भी सिख सकते है जहाँ पे HTML 5 सिखाई  जाती हो। आप ऑनलाइन  courses द्वारा भी सिख सकते है जिनमें paid और free courses आसानी से आपको इंटरनेट पे मिल जाएंगे। साथ ही में किताबें खरीद कर भी सिख सकते है। 

Free में सिखने के लिए आप यूट्यूब का सहारा ले सकते है वहाँ पे तमाम HTML courses हिंदी और इंग्लिश में उपलब्ध है। मैं आपको recommend करूँगा की यूट्यूब से सीखे क्युकी HTML बहुत आसान भाषा है अगर आप मन लगाकर सीखते है तो आराम से एक हफ्ते में सिख जाएंगे। आप यूट्यूब पर किसी कोचिंग institute से ज्यादा ही सीखेंगे।

 

कुछ youtube channels और websites जिनसे आप HTML 5 सिख सकते है।

  1. Code with harry (youtube)
  2. Geekyshows (youtube)
  3. Techgun (youtube)
  4. Thapa technical (youtube)
  5. Geeksforgeeks 
  6. Javapoint
  7. W3 Schools

जरूर पढ़े – वेब डेवलपर कैसे बनें ? | 2021 में web developer kaise bane

HTML editor क्या है ? – Html editor in hindi

HTML Editor वह Software text Editor tool होता है जिसकी सहायता से HTML code को लिखा जाता है या यूं कहे Edit किया जाता है। इसी के द्वारा वेबपेज या website का निर्माण किया जाता है। जब भी कोई webpage बनाते है तो उसका कोड किसी text editor में लिखना पड़ता है।

वर्तमान में developers , IDE ( integrated development kit ) का इस्तेमाल करना ज्यादा पसंद करते है। क्युकी किसी भी साधारण text Editor की तुलना में , IDE में syntax highlighting ,Debugger ,compiler आदि जैसे शानदार फीचर्स होते है। जिनके द्वारा किसी भी भाषा में लिखे कोड को आसानी से manage कर सकते है और दिखने में भी खूबसूरत बना सकते है।

अब तक हम HTML के बारे में बहुत कुछ सिख चुके है तो आईये समय आ गया है की हम अपना वेबपेज बना के देखें।

HTML से वेबसाइट कैसे बनाये ?

जाहिर सी बात है की HTML से वेबसाइट बनाने के आपको HTML भाषा आनी चाहिए लेकिन एक वेबसाइट सिर्फ HTML से मिल कर ही नहीं बनती बल्कि उसमें और भी coding languages का इस्तेमाल किया जाता है जैसे CSS , javascript आदि। चूंकि हम अभी HTML के बारे में पढ़ के आये है तो हम अभी सिर्फ HTML भाषा में वेबसाइट बना कर दिखाएंगे।

<!DOCTYPE HTML>
<HTML>
<head>
    <title>My first webpage</title>
</head>
<body>
    <H1> Heading of the Document</H1>
    <P>This is first paragraph of this document.</P>
    <P>This is second paragraph of this document. You can add as many 
        paragraphs as possible like this.</P>
</body>
</HTML>

तो आईये हम एक simple सा webpage बना कर देखते है।

Step 1. अपने कंप्यूटर में Notepad को open करें। 

Step 2. ऊपर दिखाए हुए code को हूबहू कॉपी करें। 

Step 3. अब इस code को अपने notepad में paste करें। 

Step 4. Paste करने के बाद अब इस notepad फाइल को .html extension लगाकर save करें।

Step 5. अब फाइल जहा पे आपने save की है उसको किसी वेब ब्राउज़र द्वारा open करें। लो जी आपका वेबपेज तैयार है।

आज आपने क्या सीखा :

दोस्तों मैं आशा करता हु की ये h t m l kya hai article आपको पसंद आया होगा और आपने html kya hai in hindi के बारे में सम्पूर्ण जानकारी हो गयी होगी। कृपा करके निचे कमेंट में बताये की किस टॉपिक पर आपको सम्पूर्ण जानकारी चाहिए। मैं आपके कमेंट का रिप्लाई ज़रूर करूँगा। और अपने दोस्तों के साथ शेयर ज़रूर करे।

Leave a Comment