HTML क्या है और HTML कैसे सीखें? -Lesson 1
इस लेख पर हम सीखेंगे, What is HTML in Hindi (Html क्या है?) दोस्तो अगर आप एक Web Developer या Website Designer के field में जाना चाहते है तो आपको इसकी शुरुवात Html सीखने से करनी चाहिये। Html एक बुनियादी चीज है, इस क्षेत्र में आगे बढ़ने के लिये।
वैसे तो 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 को यह समझाते है कि, हमारे Web-page की information user को कैसी दिखनी चाहिए।
आप अभी जिस Website को पढ़ रहे है इसका भी Structure Html language के इस्तेमाल से ही किया गया है। Hypertext और markup यह दो अलग शब्द है, जिनकी परिभाषा कुछ इस प्रकार है:
- Hypertext दो web pages को आपस मे एक text के अंदर जोड़े रखता है। ताकि जब कोई user उस text के ऊपर क्लिक करे तो वह उसे अगले web-page पर पंहुचा दे। इस प्रकार, 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 को लिखा।
उसके बाद अब तक 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>
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 करना बिल्कुल न भूले।
No comments:
Post a Comment