Html क्या है और Html कैसे सीखें? Lesson 1

इस लेख पर हम सीखेंगे, What is Html in hindi. ( Html क्या है? ) दोस्तो अगर आप  एक  Web Devloper या Website Designer के field में जाना चाहते है तो आपको इसकी शुरुवात Html सीखने से करनी चाहिये। Html एक बुनियादी चीज है, इस क्षेत्र में आगे बढ़ने के लिये।

What is html in hindi

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

अपने इस Html tutorial  में हम आपको सिखायेंगे What is Html in hindi. ( Html क्या है? )  और यह कैसे काम करता है । तो चलिये शुरू करते है।

What is Html In hindi (Html क्या है? )

Html  एक Markup language है। जिसे Hypertext markup language कहा जाता है। Html Web pages बनाने में सबसे ज्यादा इस्तेमाल की जाती है । Html language का use करके हम Web Browser को यह समझाते है कि, हमारे Webpage की information user को कैसी दिखनी चाहिए। आप अभी जिस Website को पढ़ रहे है इसका भी Structure Html language के इस्तेमाल से ही किया गया है। Hypertext और markup यह दो अलग शब्द है, जिनकी परिभाषा कुछ इस प्रकार है।

  • Hypertext दो web pages को आपस मे एक text के अंदर जोड़े रखता है । ताकि जब कोई user उस text  के ऊपर क्लिक करे तो वह उसे अगले webpage पर पंहुचा दे। इस प्रकार, Web pages पर उपलब्ध लिंक को hypertext कहा जाता है।
  • Markup language किसी भी web page के Structure को बनाने के काम में आती है। Html के अलावा DHTML, XHTML, XML XSLT etc. भी markup language है। परन्तु Html सबसे ज्यादा इस्तेमाल होने वाली language है।

History of Hypertext markup language-:

Html की शुरुवात 1990 में Tim-Berners-Lee (जो कि भौतिक विज्ञानी Contractor के रूप में एक French Organization में कार्यरत थे) ने की थी। शुरुवात में Html language का इस्तेमाल Document Sharing के लिये किया जाता था। कुछ समय बीतने के बाद आखिरकार Lee ने html को Specified करते हुए Browser और Software को लिखा। उसके बाद अब तक Webpage Create करने में Html language का ही use होता आ रहा है। अगर आप Html language अच्छे से सिख जाये तो एक Website बनाना आपके लिये आसान हो जायेगा।

अब क्योंकि Html सबसे ज्यादा use की जाने वाली markup language है, तो सबसे बड़ा सवाल यही है कि, html कैसे सीखें ? तो चलिये अब तक आप जान चुके होंगे html क्या है? What is html in hindi. अब आपको बताते है कि, Html language कैसे सीखे।

⇒ वेब डिजाइनिंग क्या है (what is web designing in hindi)

Server क्या है इसका उपयोग क्या है?

Html कैसे सीखें? ( 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 होते है। जिन्हें एक पोस्ट में बता पाना काफी मुश्किल है। क्योंकि अभी हम बात कर रहे है, What is html in hindi (html क्या है?) तो यहां हम आपको basic चिजे बताएंगे । अपनी अगली पोस्ट Html कैसे सीखें ? पर हम लगभग सभी tags और उनका क्या काम होता है और इन्हें कैसे इस्तेमाल करे? इस बारे में पूरी जानकारी देंगे ।

html tag को दो Catagory में विभाजित किया जाता है।

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

For 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/> इसी catagory में आता है।

तो उम्मीद है, अब तक आप जान गए होंगे html क्या है? What is html in hindi. तो चलिये अब सीखते है, कि 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>

Read also -:

Explain Basic html Document in hindi -:

● यहां पर <!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 कैसे सीखें इस बारे में बताएंगे जिसका लिंक आपको यहां पर
मिल जायेगा । अंत मे इस पोस्ट को like, share करना बिल्कुल न भूले । thanks.

जय हिंद/जय भारत

17 COMMENTS

  1. 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

  2. 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