HTML क्या है और कैसे सीखें?

यहां आप जानेंगे, HTML क्या है – What is HTML in Hindi. अगर आप Web Development और Designing के फील्ड में आना चाहते है, तो आपको इसकी शुरुवात HTML सीखने से करनी चाहिये। यह एक बुनियादी चीज है, इस क्षेत्र में आगे बढ़ने के लिये।

HTML Kya Hai - What is HTML in Hindi

हालाँकि HTML सीखना किसी Programming language जैसे – Java, PHP, JavaScript, Python, C, etc. सीखने के मुकाबले काफी सरल है। चूँकि यह एक बुनियादी चीज है, तो इस फील्ड में आगे बढ़ने के लिये आपको Markup languages जैसे – HTML, XML, etc. को सीखना बेहद जरूरी है।

अपने इस HTML Tutorial में हम आपको बताएंगे, HTML क्या होता है और इसका क्या प्रयोग है?

What is HTML In Hindi (HTML क्या है?)

HTML एक मार्कअप लैंग्वेज है, जिसे “Hypertext Markup Language” कहा जाता है। यह Web Pages बनाने में सबसे ज्यादा इस्तेमाल की जाती है। HTML लैंग्वेज का यूज करके हम Web Browser को यह समझाते है, कि एक वेब पेज का कंटेंट यूजर को कैसा दिखना चाहिए।

अभी आप जिस वेबसाइट में है, इसका स्ट्रक्चर भी HTML लैंग्वेज के इस्तेमाल से ही डिज़ाइन किया गया है। Hypertext और Markup यह दो अलग शब्द है, जिनकी परिभाषा कुछ इस प्रकार है:

  • Hypertext वह Text होता है, जिसमे किसी अन्य Web Pages का Link मौजूद होता है। जब कोई यूजर उस टेक्स्ट (or Anchor Text) के ऊपर क्लिक करता है, तो वह उस वेबपेज पर पहुंच जाता है।। इस प्रकार Web Pages में मौजूद वह टेक्स्ट जिसमे लिंक होता है, कहलाते है।
  • Markup Language किसी भी Web Page के Structure को बनाने के काम में आती है। उदाहरण के लिए आप एक वेब पेज में Paragraph, Heading, Table और bullet Points इत्यादि क्रिएट कर सकते है; साथ ही Images और Videos को भी एम्बेड कर सकते है।

HTML के अलावा BBC, DHTML, SGML, XML, etc. भी Markup language है। परन्तु इन सभी में HTML सबसे अधिक लोकप्रिय है।

History of Hypertext Markup Language

HTML की शुरुवात 1990 में Tim-Berners Lee — जो कि भौतिक विज्ञानी Contractor के रूप में एक French Organization में कार्यरत थे — ने की थी। शुरुवात में Html language का इस्तेमाल Document Sharing के लिये किया जाता था। कुछ समय बीतने के बाद आखिरकार Lee ने html को Specified करते हुए Browser और Software को लिखा।

उसके बाद अब तक Web-page Create करने में Html language का ही use होता आ रहा है। अगर आप Html language अच्छे से सिख जाये तो एक Website बनाना आपके लिये आसान हो जायेगा। अब क्योंकि Html सबसे ज्यादा use की जाने वाली markup language है, तो सबसे बड़ा सवाल यही है कि, HTML कैसे सीखें? तो चलिये अब तक आप जान चुके होंगे html क्या है? अब आपको बताते है कि, Html language कैसे सीखे।

एचटीएमएल कैसे सीखें? (How to Learn HTML in Hindi)

HTML कैसे सीखें? Html सीखने के लिये सबसे जरूरी है, Html tags का ज्ञान होना। Html में कई प्रकार के Codes होते है। जिन्हें Html tag कहा जाता है। जो Browser को यह बताते है, कि tag के अंदर लिखे गये text को web page में कहाँ और कैसे दिखाना है। यह सभी Html tag कंप्यूटर में पहले से ही Program किये गए होते है।

इसीलिए जैसे ही आप browser को इन codes की help से Command देते है, तो वह तुरंत इन HTML tag की language को समझ कर Web page में show कर देता है। वैसे तो Html tag की list बहुत लंबी है पर कुछ basic tages जो मूल रूप से प्रयोग में आते है इस प्रकार है।

HTML Basic Tags

1. HTML tag – <html>
2. Head tag- <head>
3. Title tag- <title>
4. Body tag- <body>
5. Heading tag- <h1>
6. Paragraph tag- <p>
7. Line break tag- <br/>
8. Centering content tag- <center>
9. Horizontal line tag- <hr>

और भी कई सारे tag होते है। जिन्हें एक पोस्ट में बता पाना काफी मुश्किल है। क्योंकि अभी हम HTML की जानकारी दे रहे है, तो यहां हम आपको basic चिजे बताएंगे। अपनी अगली पोस्ट Learn HTML in Hindi पर हम लगभग सभी tags और उनका क्या काम होता है और इन्हें कैसे इस्तेमाल करे? इस बारे में पूरी जानकारी देंगे।

HTML tag को दो Category में विभाजित किया जाता है:

1.  Paired tag – इन tags का दूसरा नाम Container tag होता है। जिनका इस्तेमाल Pair के रूप में किया जाता है। यानी इन tags के Opening और Closing tag दोनों होते है।

Example- Html tag का Opening tag <html> है, और Closing tag </html> होता है। ऐसे ही बाकी tag के आगे भी forward slash / लगाकर उन्हें  close किया जाता है। इसका मतलब इनका सही से उपयोग करने के लिए आपको इन दोनों tag का इस्तेमाल करना होगा। तभी आप एक web page create कर पायेंगे।

2. Unpaired tag– इन tag को empty tag भी कहा जाता है। इनका कोई closing tag नही होता है। line break tag <br/> इसी category में आता है।

तो उम्मीद है, अब तक आप जान गए होंगे HTML के बारे में. तो चलिये अब सीखते है, कि Html language का use करके एक basic web page कैसे बनाये।

HTML से Simple Web Page कैसे बनाये?

HTML से web page Create करने के लिए आपको अपने Computer पर Notepad को Open कर लेना है। बेहतर Coding experience के लिये आप Notepad++ का use कर सकते है। अब simply नीचे बतायी गयी method को समझे।

Basic HTML Document का उदाहरण

<!DOCTYPE Html>
<html>
<Head>
<title> What is html in hindi </title>
</Head>
<body>
<h1> html kaise sikhe </h1>
<p> Hypertext markup language </p>
</body>
</html>

● यहां पर <!DOCTYPE Html> एक तरह का घोषणा पत्र है, कंप्यूटर के लिये। जिसके माध्यम से कंप्यूटर को यह बताया जाता है कि तैयार किया गया Document Html language में है।

● उसके बाद Html opening tag (<html>) से Web page बनाने की शुरुवात की जाती है। बाकी सारे tag html Opening tag और Html Closing tag के बीच मे आते है।

● Head tag (<head>) Html tag के नीचे लगाया जाता है। इसके बीच मे title tag (<title>) लगाया जाता है। title लिखने के बाद उसे title Closing tag (</title>) की मदद से बंद किया जाता है, फिर head tag को भी उसके closing tag (</head>) से बंद किया जाता है।

● अब body tag (<body>) की शुरुवात होती है। इसके नीचे heading व paragraph etc. लिखने के लिये   heading tag (<h1>), Paragraph tag ( <p> ) व उनके closing tag (</h1>) and (</p>)  लगाये जाते है। जिसके बाद body tag को उसके Closing tag (</body>) के साथ बंद किया जाता है।

● अब अंत मे Html के closing tag (</html>) की मदद से इस पूरे html Document को close कर दिया जाता है।

अब इस पूरे Document को Save कर लीजिये। इस document को Save करते वक्त आपको कुछ बातों का ध्यान देना है। जैसे – File name को .html, Save as file को All files तथा Unicode को ANSI Select करके Save करे। पूरे Document को html में save करने के बाद आप इसे Browse करके check कर सकते है।

सारांश

तो उम्मीद है, अब तक आप जान गए होंगे What is html in Hindi. (HTML क्या है?) अपने सवालो को पूछने के लिए हमे नीचे Comment जरूर करे। अपनी अगली पोस्ट में हम आपको HTML कैसे सीखें इस बारे में बताएंगे जिसका लिंक आपको यहां पर मिल जायेगा। अंत मे इस पोस्ट को Share करना बिल्कुल न भूले।

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

50 COMMENTS

    • Vijay, आपके सुझाव के लिए धन्यवाद😊। हम जल्द ही इस पोस्ट को अपडेट करने की कोशिश करेंगे।

  1. Sir aapka ye HTML ka baare me sab jankari dene ke liye aapko bhaut bhaut thanks
    kya sir mujhe pura HTML ka PDF file mil sakhta hai

    • धन्यवाद Dinesh, हम पूरी कोशिश करेंगे की इसकी पीडीएफ अपने पाठको के लिए उपलब्ध कराई जाये.

  2. Very useful sir 👍 mujhe web designer banna h jiske liye ye blog bhut hi help Kiya Meri knowledge badhane ke liye

    • धन्यवाद राजकुमारी, आपको इस वेबसाइट से कुछ सीखने को मिल रहा है इससे हमें बेहद खुशी हूई।

  3. Your post is amazed me. Your article is very much informative. You always share such a wonderful articlewhich helps us to gain knowledge .thanks for sharing such a wonderful article, It will be deinitely helpful and fruitful article.
    hope we will always gain from your article.
    Thanks

  4. Hii
    This is amazing article about HTML . Very helpful information for everyone which is gain more knowledge about HTML…
    Thanks

LEAVE A REPLY

Please enter your comment!
Please enter your name here