HTML क्या है और कैसे काम करता है?

इस लेख में हम जानेंगे के “HTML क्या है (What is HTML in Hindi)”. इस दुनिया में हर इंसान को पैसे कमाने का जरिया चाहिए होता है ताकि वो अपने खुदकी जरूरतों को पूरा कर सके अपने सपने को पूरा कर सके. अलग-अलग व्यक्ति अलग-अलग तरह का काम करते हैं जैसे कोई अपना खुद का बिज़नस करता है तो कोई किसी कंपनी के अन्दर काम करता है. काम चाहे बड़ा हो या छोटा हो इंसान को मेहनत हर काम में करना पड़ता है तभी जा कर वो अपनी जीवन में सफल हो सकता है. ठीक उसी तरह एक ब्लॉगर भी Internet के जरिये मेहनत कर पैसे कमाता है.

जिस तरह बाकि कामो में मेहनत और लगन की जरुरत होती है ठीक उसी तरह blogging करने के लिए भी खूब मेहनत करनी होती है. Blogging करने के लिए एक व्यक्ति को ज्यादा कुछ नहीं चाहिए बस एक computer या laptop होना चाहिए और उसमे internet कनेक्शन होना चाहिए. और जो सबसे जरुरी चीज़ होनी चाहिए blogging करने के लिए वो है “ज्ञान”. Blogging की शुरुआत करने के लिए सबसे अहम चीज़ होती अपना खुद का एक website बनाना. और website बनाने के लिए क्या चाहिए? HTML के पूरी तरह से ज्ञान होना चाहिए. Blogging की दुनिया में सफलता चाहिए तो एक ब्लॉगर को HTML का ज्ञान होना बहुत जरुरी है.

लेकिन सबको html की पूरी तरह से ज्ञान नहीं होती, और जो अपना career blogging में शुरू करना चाहते हैं और एक सफल ब्लॉगर बनना चाहते हैं उनको इस ज्ञान का होना बहुत ही अवश्यक है. आज इस लेख मै आपको यही बताने वाली हूँ की HTML में विशेषता क्या है? और इसे webpage या website बनाने के लिए ही बनाया गया है.

एचटीएमएल क्या है – What is HTML in Hindi

HTML Kya Hai - What is HTML in Hindi
चलिए अब जान लेते है के HTML क्या होता है? Hypertext Markup Language को हम छोटे नाम से कहते हैं HTML. HTML एक computer की भाषा है जिसका इस्तेमाल website बनाने में किया जाता है. और उसे रंग रूप देने के लिए CSS का इस्तिमाल होता है. ये भाषा computer की अन्य भाषा जैसे C, C++, JAVA आदि के मुकाबले बहुत ही सरल है, इसका इस्तेमाल करना कोई भी व्यक्ति आसानी से और बहुत कम समय में सिख सकता है.

HTML की मदद से website बन जाने के बाद उस website को दुनिया का कोई भी व्यक्ति internet के जरिये देख सकता है. HTML की खोज Physicist Tim Berners-Lee ने सन 1980 में Geneva में किया था. HTML एक platform-independent language है जिसका इस्तेमाल किसी भी platform में किया जा सकता है जैसे Windows, Linux, Macintosh इत्यादि.

HTML का क्या Use होता है?

HTML का इस्तेमाल कर webpage बनाना बहुत ही आसन है, इसके लिए आपको चाहिए दो चीज़- पहला है एक साधारण text editor जैसे की Notepad जिसमे html का code लिखा जाता हैं और दूसरा चाहिए एक browser जैसे Internet Explorer, Google Chrome, Mozilla Firefox आदि जिसमे आपके website को पहचान मिलती है और जिसे internet user देख सकते हैं. HTML छोटे छोटे code की series से बना होता है जिसको हम notepad में लिखते हैं, इन छोटे codes को tags कहते हैं. HTML tags browser को बताता है की उस tag के अन्दर लिखे गए elements को website में कैसे और कहाँ दिखाया जाये.

HTML ऐसे बहुत सारे tag प्रदान करता है जो graphics, font size और colours के इस्तेमाल से आपके website को एक आकर्षक रूप देता है HTML code को लिख लेने के बाद आपके document को save करना होता है, उसको save करने के लिए html file के नाम के साथ .htm या फिर .html लिखना जरुरी है तभी वो आपके html document को आपके browser में दिखायेगा वरना नहीं.

Save कर लेने के बाद आपको अपना html document देखने के लिए browser को खोलना होगा. वो browser आपके html file को read करेगा और आपके सही तरीके से लिखे हुए code को translate कर सही रूप से आपके website को दिखायेगा जैसा आपने code लिखते वक़्त सोचा होगा. आपका web browser html tags को website में नहीं दिखता बल्कि आपके document को सही तरह से दिखने के लिए उन tags का इस्तेमाल करता है.

HTML tags कैसा होता है?

What is HTML in Hindi में आप सब ने जान ही लिया होगा. चलिए उसके कुछ basic tags के बारे में जान लेते हैं. HTML tag अन्य text से पूरा अलग होता है जिसके मदद से html code लिखा जाता है. HTML tags keywords होता है जिसे हम बंद brackets के अन्दर रखते हैं जैसे <html>. tags के मदद से हम अपने website को नए नए रूप दे सकते हैं, उसमे हम images, tables, colors आदि चीज़ का इस्तेमाल कर webpage बना सकते हैं.

अलग-अलग tags अलग-अलग तरीके का कार्य करते हैं. जब आप अपना html पेज browser के जरिये देखते हैं तो उसमे ये सभी tags दिखाई नहीं पड़ते सिर्फ उनके प्रभाव ही नज़र आते हैं. HTML में हजारों tags होते हैं जिनका इस्तेमाल हम website बनाने के लिए करते हैं. चलिए मै उनमे से ही कुछ विशेष tags के बारे में आपको बताउंगी जिनका प्रयोग website बनाने के लिए बहुत जरुरी है. HTML में coding लिखना शुरू करने से पहले comment लिखा जाता है जिससे की author को पता चलता है की वो html page किस चीज़ के लिए बनाया गया है.

comment लिखना अनिवार्य नहीं है ये आपके ऊपर निर्भर करता है की आप अपने html document के लिए comment लिखना चाहते हैं या नहीं. HTML में comment <!”….”> इसके अन्दर लिखा जाता है, ये comment आपको web browser में दिखाई नहीं देगा.

Comment लिखने के बाद जो सबसे जरुरी tag होता है वो है header tag जिससे हमे html document की जानकारी मिलती है. comment tag को छोड़ कर बाकि जितने भी html tags होते हैं सभी का start tag और end tag होता है. जैसे

<head>…………………</head>

अगर आप एक start tag को लिखने के बाद उसका end tag नहीं लिखेंगे तो उस tag का असर आपके browser में नहीं दिखेगा, इसलिए end tag लिखना अनिवार्य है. HTML tags का keyword case-insensitive है इसका मतलब है की आप tag का नाम बड़े अक्षर(capital letter) या छोटे अक्षर (small letter) में लिख सकते हैं ये पूरी तरह से आप पर निर्भर करता है की आप अपने tag को कैसे लिखना चाहेंगे. head tag के बिच में मैंने जो बिंदु की मात्रा दी है उसका मतलब है की आप उसके जगह कोई text लिख सकते हैं.

header tag के अन्दर title tag लिखा जाता है जो हमारे html पेज के title को दर्शाता है जैसे,

<title>This is my first web page</title>

जब हम अपने html page को browser में देखेंगे तो हमें यही text, browser के सबसे ऊपर title bar में बाये तरफ दिखाई देगा.

title tag के बाद body tag लिखा जाता है. इस tag के अन्दर webpage को आकर्षक बनाने के लिए जितने भी tags होते हैं उनका प्रयोग किया जा सकता है. जैसे,

<body bgcolor=”yellow” text=”blue”>
Hello! How are you?
</body>

यहाँ bgcolor का मतलब है background color जहाँ आपके webpage के background का रंग पिला दिखेगा और मैंने जो ये text लिखा है उसका रंग नीला दिखेगा. इसी तरह आप बहुत सारे tags का इस्तेमाल <body> tag के अन्दर कर अपने webpage को सुन्दर बना सकते हैं.

आपका html document हमेसा इसी रूप में होना चाहिए.

<html>
<head>
<title>———————</title>
</head>
<body>
<h1>——</h1> – इसे केहते हैं heading tag जो छोटे अक्षरों में दीखता है.
<p>——–</p> -इसे केहते है paragraph tag जहाँ आप paragraph लिख सकते हैं.
<b>——–</b> – इसे केहते हैं bold tag जो आपके लिखे हुए text को bold करदेगा.
</body>
</html>

ऐसे ही और भी बहुत से tag हैं जो आप body tag के अन्दर लिख सकते हैं, सभी tags के बारे में बता पाना यहाँ संभव नहीं इसलिए मैंने सिर्फ basic tag के बारे में बताया है.

आज हमने जाना के, HTML क्या है (What is HTML in Hindi), कैसे काम करता है और उसके कुछ basic tags. जैसा की मैंने पहले ही कहा था की HTML computer का बहुत ही सरल laguage है इसे कोई भी आसानी से सिख सकता है. औए एक ब्लॉगर के लिए इसका ज्ञान होना जरुरी है ताकि वो अपने website को अच्छे से design कर सके. आशा करती हूँ की इस लेख से आपको HTML के बारे में कुछ सिखने को मिला होगा. अगर फिर भी कोई सवाल हो तो बेझिझक निचे comment करिए आपकी सहायता करने में मुझे बहुत ख़ुशी होगी.

322 COMMENTS

    • Mam aapki website bahut acchi he.
      Mam muze eak questions ka answer dijiye ki ab 1 month me hindi me padhaneke ke liye kitane students aapko eas site per visit karate he please one analysis purpose

  1. html ke bare me bahut aacha gyan aapne is blog ke madhyam se diya hai . chandan bhai aap is blog me kya karte hai kuch bhi serch karte aapka blog ka link jaruru aata hai . you are great . ” Hardworking , smart working tips hame bhi bataiye ” kya behtar karriyar ke liye wordpress best hai ..

  2. Hello good after noon ma’am
    My name is vishnu Lakhiwal .
    I am from jaipur district.
    I Am a student of b.sc and pursuing my 2nd training is web designing . I know about in ms excel and html. Please give me a chance and I want do job and receive more knowledge .
    And my in this field.
    I want to do a job . So I want to meet you.
    If you give me a job so please take my interview and call me my mobile no. Is 9166794531
    Plz ma’am

  3. Mam मुझे वेबसाइट Design सीखना है मुझे कुछ हेल्प कर सकती हैं।मुझे थोड़ा बहुत आता है लेकिन मुझे कुछ और भी सीखना है
    आप मुझे मेल कर सकतीं हैं –
    [email protected]
    [email protected]

  4. Me abhi khas nhi janta html ke bare me par apki btai jankari vakai achi nhi bhut achi lagi jese me chrome par koi webpage bnata hu vha first entry ya html me kese clear entry ya apke btaye tags estemal but first html jo chrome open krne par ya first entry pls help me n sum sudections of guide how to work n explain on any dought n confusen bicous clear of your direction

  5. SIR HTML ME IMAGE KIS TARAH SE ADD KARENGE
    MAI ADD KAR RAHA HU TO PIC NAHI DIKHA RAHA HAI
    SAYAD KAHI MISTAKE HO RAHI HAI .
    SO PLEASE EXPLAIN.
    THANK YOU

  6. My HTML code is not working.अगर head के नीचे कुछ लिख save करते हैं तो वह saveनही हो रहा है।

    • Ji Anil ji, sukriya aapka. आज से आप लोगों को प्रतिदिन एक नया Hindi article पढने को मिलेगा. ये वाकई आपके Knowledge को बढ़ाने में मददगार साबित होगा. Article पढने के लिए धन्यवाद् और अच्छा लगे तो share जरुर करें.

  7. Hello teacher ham ye btayiye ki html ki janakri aap puri start se video bnaker nahi de sakti hai plz you tube par part one se leakr pure end tak alg alg video part 1,2,3,4,5,6,7,8,9,10,es tarah se or bnakr ke plzhel

  8. Pdf की तरह html में center में image float करना हो और उसके आसपास word wrap भी हो ऐसा कोई तरीका आप बताएंगी। कृपया इस सम्बन्ध में कोई उपाय बताएं।

  9. Hiiii mera name Dheeraj sharma hai me computer me ADSM ka corse kar chuka hu or humko abhi tak ye v nhi pata ki humko HTML kya hota hai mam humko aap kuchh bata sakti hai to please hellp me mam

  10. Great post mam . aapne html ke har point ko badi acchi tarah se samjhaya hai. ek html learner ke liye esi post bahut helpfull hai. if you know more about html tags please checkout this link.

    • अधिक जानकारी के लिए आप हमें हमारे Community में अपने सवाल पूछ सकते हैं https://ask.hindime.net/ जहाँ पर आपको आपके सारे सवालों के जवाब बहुत ही जल्द मिल जाएगी.

  11. I do not have any words to appreciate this blog. Actually I’m impressed with this blog. I learned and learned or learning from blog and made my own blog in class 11 because its language is easy to understand.
    for:-www.trick4inspire.blogspot.com

  12. Sir मै ये जानना चाहता हु की किसी website के design या develoment में bootstrap का कैसे use किया जाता और क्या bootstrap का use करने से website full responsive हो जाती है .sir हमने एक template design किया है जो सभी web browser पर सही work करता है लेकिन safari वेब browser पर ठीक से work नही करता है तो क्या sir इसके लिए कोई अलग से coding किया जाता है क्या sir , प्लीज help me

  13. hello,
    Maine suna hai ki HTML ke istmaal se website page load badhta hai jisse page load time par asar padta hai… to kya yah sahi hai… kya main inka istmaal karu
    inse koi problem nahi hogi..

  14. मैम मुझे website बनाने के बारे मे बहोत ही कम जानकारी है पर मै बनाना चाहता हूँ क्या मेरा कोशिश करना सही रहेगा ?

  15. HELLO MAM,
    mam me web design ka cource start karne wala hu . aur mene websoul join kiya he , waha personl pc per hi learn karya jata he,
    muze ek good job chahiye . kya me ye sahi kar raha hu ?
    muze coding nahi aati he

  16. नमस्ते मेंम , मूझे कूछ tag के बारे में बताइये जो अक्सर हम अब यूज़ करते है जो भी जो आपको अच्छा लगे ताकि मई समझ सकूँ

  17. बहुत ही अच्छा आर्टिकल है html के बारे में ..
    सबीना जी मेरा आपसे 1 क्वेश्चन है..मेरा blogger ब्लॉग है जिसपे मैंने adsense अकाउंट बनाया था लेकिन कंटेंट कम होने की वजह से अप्रूव नही हो पाया ..फिर मैंने अपने ब्लॉग का एड्रेस change कर दिया ..कुछ दिनों के बाद Custom डोमेन खरीद लिया ..में आपसे ये जानना चाहता हु क्या ये ब्लॉग फिर से अप्रूव हो सकता है या नही ??
    यदि नही होता क्या में दूसरा adsense अकाउंट बना सकता हु ??
    pls helpme

  18. Hello mam mujhe se seo krte time galt ho gya or ab wo site ke add me map me galt dikh rha hai to kyaa aap btaa skti hai kaise shi kre ki wah change ho jaye maine html me change kiya but refresh krne per whi dikha rhaa hai plz change krne ke baad kaise save kre plz help me mam

  19. sorry to disturb you diii diii mai c c ++ kar chuka hu ab web designing kar rha hu diiii mujhe hacking me interesting hai aur uske liye hk mai ye kar rha hu mujhe hacking me liye kya kya sikhna pdega web designing sikhu ya nhi

  20. Hello ,
    Sabina g,
    aapne bahut achhi jankari di,maine COMPUTER OPERATOR &PROGRAMMING ASSISTENT.Trade se iti kiya hai,kya mai apna blog Or ek web bna skta hu,mujhe HTML ki kuchh jankari hai …agr haan to mujhe iske liye kya krna hoga…
    please mera margdarshan kijiye.,

  21. Mam,
    yha aapki di hui jankari shi me bhut faydemand h. par main ye janna chahta hu ki jab hm kisi web page ko creat krna chahte h tb uske liye kya sirf basic tml program se kam chal jayega ya uske liye kuch aur bhi jyaada bato ka ya cheezo par focus krna hoga?

  22. Comment:hallo mai’m
    mujhe html me samjh me nhi aata ki kb kya likhna hai
    ex- jise ham kisi company ka web site bnanna hai to hum kise bnaye ho ske to
    email pr btaye

  23. मुझे कोर्डिग सीखना ह
    कोर्डिग सीखने का या समझने सही तरिका क्या हे

  24. किसी भी वेबसाइड को ओपेन करने के लिए उसको छोटे लैटर मे कयो लिखा जाता है ?Hindi me ans. Plz

  25. Hello i am govind kumar me abhi htmal ki course aur mujhe kuch probleam h htmal table kaise banya jaata h aur table ko 3 bhago me batna h to hum kaise baatege aur use me aitchange pictur kaise lagyenge jo apne aap change hota rehta h kya aap mujhe batyege

  26. Hello Chandan Prasad sahoo and Sabina mam apke blog se mujhe bahut kuch seekhne ko milti hai |
    Kya Aap Hame Linux hosting or window hosting ke bare me batayenge Mujhe ek domain Lena hai kaun se function wala lu Aap ye domain GoDaddy se liye shayad Wo hi best hai kya

  27. Thankks didi aapne fast reply diya hai, main ise ab dhoondhkar aur institute se pata karke jankari leta hoon iske baad koi problem hogi to aapse jaroor puchhonga. Itna achchha blog banane ke liye aapka bahut hi dhanyawad……

  28. Thanks di aapne bahut hi achchhi jankari di hai, ye coding ka mera pahla gyan hai jo ki aapke blog se mila hai, thanks.

    Kya coding aur blogging mein html se related book market mein milti hai ya iska koi course hota hai? Mujhe ye details mein janna hai ab.

  29. Hello Sir Muje Ek Help Chahiye Meri eK Website Hai freehindihelp.com
    Us Me mujhe visiter badhana hai to koi tips ho to batao.Me Blog me naya hu
    pls help me. Post ke liye best keywords kaise praprt kare

  30. सबीना जी, मैं इन दिनों बहुत परेशान हूं। मैं एडसेंस युनिट क्रियेट करता हूं जोकि My ads में New शो करती है। लेकिन एक्‍टीवेट होने से पहले ही एडसेंस की ओर से एड युनिट हटा दी जाती है। जिससे मेरा एडसेंस एकांउट एप्रव्‍ूड नहीं हो पा रहा है। एक मित्र के अनुसार मेरी साइट पर एड युनिट का कोड लाइव पेज पर एडसेंस देख नहीं पा रहा है इसीलिए मेरी एड युनिट रिमूव हो रही हैं।
    आपको कोडिंग की बहुत अच्‍छी जानकारी है। कृप्‍या बताइए कि वर्डप्रेस ब्‍लाग पर HTML पेज हम किसे कहेंगें। उस पेज को जिसे मैं पोस्‍ट के रूप में पब्लिश करता हूं, जिसे विजुअल और टेक्‍सट दोनों रूप से देखा जा सकता है। या ब्‍लाग की संपूर्णं सेंटिग्‍स में कोई ओर पेज भी होता है। जहां एडसेंस के एड कोड को कॉपी करके पेस्‍ट किया जाता है। हो सके तो मेल आई डी पर भी समझाते हुए जवाब दीजिए।

      • मैं अपने ब्‍लाग में वर्डप्रेस एडसेंस प्‍लगिन यूज कर रहा था। लेकिन कल रात मैंने उसे डिलीट कर दिया है। यह प्‍लगिन बहुत से ब्‍लाग में वर्क नहीं कर रही है। गूगल एडसेंस फोरम में भी इससे रिलेटिड बहुत से सवाल मौजूद हैं। साथ ही इस प्‍लगिन में साइट पर एच टी एम एल कोडिंग की भी जरूरत पड़ती है। जोकि मुझे बिल्‍कुल भी नहीं आती।
        सबीना जी, आपने जो प्‍लगिन बताई हैं। मैं उन्‍हें जरूर ट्राई करूंगा। लेकिन अभी मैंने विजेट एरिया में सीधे एड कोड प्‍लेस किए हैं। देखते हैं क्‍या होता है। आप भी मेरे ब्‍लाग पर आइए। देखिए कहीं कोई गलती तो नहीं है साइट पर। एक बार आप प्राइवेसी पालिसी और टर्म और कंडीशन पेज भी चेक कर लीजिए।

  31. Mem Maine +2 art side se paas ki h.ghar main peise ki kami ke kaaran, m aage padhai bhi nahi kar pa raha hu. Mujhe lagta h mera telant achha h.pls mem mere liye esa koi asaan tarika h, ki main (software)m sccucess ho saku….

    • Bina programming (coding) sikhe aap software line me nahi ghus sakte.
      Agar apko coding ka itna hi sauk hai to market se ek basic C aur C++ book leke practice kariye.
      Agar apse ho pata hai to advanced coding jaise JAVA, Python, .net pe jayiye.

    • Bahut hi simple hai. Iske liye "img" tag use hota hai aur iska koi closing tag nahi hota.

      <img src="your_image.png" alt="Name of the Image for SEO">

      src (source): yahan apke image ka location rehta hai.

  32. hi
    main main ek website bana raha hu jisase users free me computer softwares download
    kar sakte hain, main ye janana chahata hu ki websute publish kar dene ke baad usase
    paise kaise kama sakte hain.

LEAVE A REPLY

Please enter your comment!
Please enter your name here