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


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



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

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

Just Free Advertise Here

What is Html In hindi (Html क्या है? )
Html  एक Markup language है। जिसे Hypertext markup language कहा जाता है। Html Web pages बनाने में सबसे ज्यादा इस्तेमाल की जाती है Html language का use करके हम 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 कैसे सीखे।

 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> Ads world mart </h1>
<p> Hypertext markup language </p>
</body>
</html>
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 कर सकते है।
     Html kaise sikhe ? Learn Html in hindi | Lesson 2 

आज का विषय हैhtml kaise sikhe ( html कैसे सीखें ) . Html का full form है,Hypertext markup language. यह web pages बनाने के काम मे आती है। Website का Structure बनाने में भी html का use सबसे ज्यादा होता है। अगर आपको अपनी खुद की website create करनी है तो html language को सीखना आपके लिए बहुत जरूरी है।

Just Free Advertise Here


Html language को सीखने और इसकी मदद से web pages बनाने के लिए आपकोhtml tags and html attributes के बारे जानना होगा किसी भी web pages को बेहतरीन Structure देने में html tags और html attributes का ही इस्तेमाल किया जाता है। html एक बेहद सरल markup language है। इस लेख html kaise sikhe पर हम जानेंगे html element’s उनके html attributes क्या है, और इनकी मदद से web pages कैसे बनाये। तो चलिए Step by step जानते है html  kaise  sikhe.


Html  kaise  sikhe:-





Html kaise sikhe ? Html language को सीखने के लिए जरूरी है। html tags html attributes का ज्ञान होना। दरअसल html तो सिर्फ इस markup language का नाम है, बाकी सारा काम इन्ही html tags html attributes का होता है। अगर आपने इन सारे html tags इनके attributes को जान लिया तो आप एक html expert भी बन सकते है। इन सबका ज्ञान होने के बाद आपके लिए एक Website बनाना बाएं हाथ का खेल होगा तो चलिए इस पोस्ट html kaise sikhe में अब जानते है। html tags html attributes क्या है और इनका इस्तेमाल कैसे किया जाता है।




Html Tags Kya hai?

किसी web page के structure को बनाने में इस्तेमाल किये जाने वाले codes को html tags या html element’s कहा जाता है। यह tags angular brackets ( <> ) के बीच एक simple text होता है।


 For example – (<h1> ) यह एक Heading tag है। जिसे  heading के starting word H से define किया गया है। ज्यादातर टैग्स को भी उनके first word से ही define किया जाता है।


इन tags के opening closing tag जरूर होते है। html file बनाते वक्त भी इसका खास ख्याल रखा जाता है कि, इस्तेमाल किये जाने वाले tag का पहले opening tag अंत मे closing tag  जरूर लिखा जाए तभी वह html file सही से कार्य करेगी।



For example अगर आपको किसी web page में heading लिखनी है। तो आप उसकेopening tag <h1> से शुरूवात करेंगे अब अपनी heading लिखने के बाद इसकेclosing tag </h1> को लिखकर इस Heading tag को बंद करेंगे इसी तरह बाकी tag को भी opening tag से शुरू करके closing tag पर बंद किया जाता है। नीचे उदाहरण से समझे।


<h1>Ads world Mart</h1>



 html tags दो प्रकार के होते है।

 1.  Paired html tags.
 2. Unpaired html tags.


 1. Paired html tags – जिन tags के opening closing दोनों tag होते है, उन्हें paired html tags कहा जाता है। ज्यादातर   html tags paired ही होते है। इन्हें इस तरह से लिखा जाता है।


<h1>Ads world mart</h1>


यहां पर heading tag एक paired tag है। जिसका opening tag <h1>  closing tag</h1> है।


 2.  Unpaired html tags – इन tags के कोई opening closing tags नही होते। यह एक तरह के singular html tags होते है। इन्हें इस तरह से लिखा जाता है

<Br>



यह line break tag है। Paragraph लिखते वक्त किसी एक line को समाप्त कर दूसरी line लिखने के लिये ऐसी tag का इस्तेमाल किया जाता है।

इस लेख html kaise sikhe पर अब तक आप जान चुके होंगे कि html kya hai और html element’s इनके attributes क्या होते है तो चालिये अब जानते है , कुछ html tags उनके इस्तेमाल के बारे में की वह किस काम मे आते है।


कुछ Basic html tags उनके इस्तेमाल -:


1. DOCTYPE tag – यह tag किसी document के type को explain करती है। जैसे यहां पर इस documnet का type html है इस tag को <!DOCTYPE>  से define किया जाता है।


2. Html Tag – 
यह tag html language का main tag है। html tag को <html> से define किया जाता है। ऐसी tag से html document बनाने की शुरुवात की जाती है। बाकी सभी tags इसी html tag के opening closing tag के भीतर लिखे जाते है।


3. Head Tag – 
एक web page के Head part यानी ऊपरी भाग को इसी tag की मदद से बनाया जाता है। head tag के भीतर ही उस web page के titel, meta description and keyword tag को लिखा जाता है। इसे <head> से define करते है।


4. Body Tag – 
इस tag से web page के Content Area की शुरुवात की जाती है। Body tag को <Body> से define किया जाता है। Heading tag, Paragraph tag etc. इसी tag के अंदर लिखे जाते है। इस tag की मदद से एक web page के body area को design किया जाता है।


5.  Titel Tag – 
किसी web page का titel लिखने के लिए इस tag का use किया जाता है। इस tag को <titel> से define किया जाता है।


6. Heading Tag – Web page
के Content में Heading लिखने के लिये इस tag का इस्तेमाल किया जाता है। heading tag को <h1> से define किया जाता है। एक Content में 6 heading tag का इस्तेमाल किया जा सकता है। जिनके tag क्रमशः <h1>, <h2>, <h3>, <h4>, <h5>, <h6> है।


7. Paragraph Tag – 
इसका इस्तेमाल Paragraph लिखने के लिए किया जाता है। एक content में आप कई Paragraph tag का use कर सकते है। इस tag को <p> से define किया जाता है।


8. Line Break Tag – Paragraph
लिखते वक्त एक line को खत्म कर अगली line शुरू करने के लिये line break tag का इस्तेमाल किया जाता है। इस tag को <br> से define किया जाता है।


9. Bold Tag – 
किसी Important text को Bold (गहरा) करने के लिये bold tag का इस्तेमाल किया जाता है। इस tag को <B> से define किया जाता है।


10. Underline Tag – 
यह tag किसी latter को underline करने के लिए इस्तेमाल किया जाता है। इसे <u> से define किया जाता है।

11. Italize Tag – यह tag किसी latter को Italize करने के लिए use किया जाता है। इसे <i> से define किया जाता है।



इस लेख html kaise sikhe पर अब हम जान चुके है। html tag क्या होते है। तो चालिये अब जानते है। html attributes क्या होते है।

 

Html attributes
क्या है?

Html attributes
किसी html elements (tag) के बारे में extra information provide करने के लिए इस्तेमाल किये जाते है। html file में इन attributes को दो भागों में लिखा जाता है। इसका पहला भाग Attributes Name वह दूसरा भाग इसकी Value होता है। एक html file में इन attributes का इस्तेमाल किसी html elements ( tag ) के opening tag के साथ किया जाता है। 


<h1>Ads World mart</h1>

उप्पर दिए गए exapmle में यह एक heading tag है। जिसे उसके  opening tag h1 closing tag h2 से दर्शाया गया है। अब जैसे हमने उप्पर आपको बताया कि, html attributes extra information provide करते है html elements के बारे में। तो अगर हमको इस html file की heading का colour change करना होगा तो यहां पर हम उस attributes का use करेंगे जिससे Font colour change किया जा सकता है। 



ऐसे ही बहुत सारे attributes होते है, जिसकी मदद से हम html tags को extra configure कर सकते है। html file में इन attributes को हमेशा किसी html elements के opening tag के साथ लिखा जाता है। जैसा कि ऊपर example में बताया गया है। एक html attributes को उसके Name उसकी value लिखकर दर्शाया जाता है।
उप्पर दिए गए example में आप देख सकते है, heading tag के opening tag h1 के अंदर एक attribute example दिया गया है। यहां पर attrname की जगह कोई भी html attributes का नाम हो सकता है। उसके बाद उसकी value   के अंदर लिखा जाता है इसी तरह से बाकी attributes को भी
Likha jata hai.




इस पोस्ट  html kaise sikhe में अब जानते है, कुछ Basic html attributes और उनका इस्तेमाल

1. Html href attribute 
इस attribute का इस्तेमाल दो web page को आपस मे जोडने के लिए किया जाता है। इस attribute को <a> tag के opening tag में लिखा जाता है। <a> tag को hyperlink tag भी कहा जाता है।  <a> tag  का इस्तेमाल किसी text या image  को link  देने के लिए किया जाता है। यह tag दूसरे  web page में जाने की अनुमति देता है। 


For Example:-

<a href=https://www.rrbhindi>rrbhindi</a>


उप्पर example में a tag  के opening tag के साथ href attribute को लिखा गया है। यहां पर href इस attribute का Name है, और https://www.rrbhindi.com उसकी Value .


2. Html src attribute – 
अगर आप किसी image को एक html file में add करना चाहते है, और वह image आप अपने Computer या किसी Website से लेना चाहते है तो इस image file का Source address set करने के लिये src attribute का use किया जाता है। 



Example 1 – अगर image file computer के उसी folder में हो जहाँ html file save की गई है, तो src attribute का use कुछ इस तरह से होगा

<img src=”rrb.jpg”>
इस example में html attributes in hindi.jpg एक image का file name है। यहाँ पर src attribute को image tag  के opening tag में उसके Name – src  उसकी Value – html attributes in hindi.jpg के साथ लिखा गया है।






Post a comment

0 Comments