दोस्तों html एक वेब डेवलपमेंट प्रोग्रामिंग लैंग्वेज है जिसका पूरा नाम हाइपर टेक्स्ट मार्कअप लैंग्वेज है html से किसी भी website का स्ट्रक्चर तैयार किया जाता है प्रत्येक website में hthl का प्रयोग किया जाता है तभी किसी website का डिजाईन तैयार होता है एक website को बनाने के लिए विभिन्न प्रकार कि वेब प्रोग्रामिंग का प्रयोग किया जाता है जैसे
- html
- php
- java script
- jquery
- bootstrap
- css
इसे आप किसी कोचिंग सेण्टर या ऑनलाइन किसी ब्लॉग website से सिख सकते हो और आप इसे सिखने के लिए यू tube का भी प्रयोग कर सकते हो।
यदि आप Web Development और Designing के फील्ड में आना चाहते है, तो इसके लिए आपको इसकी शुरुवात HTML सीखने से करना चाहिए । यह एक बुनियादी चीज है, इस क्षेत्र में आगे बढ़ने के लिये।
Html Ka Full Form “Hypertext Markup Language” होता है। Html एक Computer की Language होती है, जिसे Website बनाने में Use किया जाता है, Html कई तरह के Tags से मिलकर बना है।
हालाँकि HTML सीखना किसी Programming language जैसे – Java, PHP, JavaScript, Python, C, etc. सीखने के मुकाबले काफी सरल है। चूँकि यह एक बुनियादी चीज है, तो इस फील्ड में आगे बढ़ने के लिये आपको Markup languages जैसे – HTML, XML, etc. को सीखना बेहद जरूरी है।
HTML क्या है? (What is HTML In Hindi)
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 html )
एचटीएमएल एक विकसित भाषा है। एचटीएमएल को 1989 में टिम बर्नर्स-ली (Tim Berners-Lee) द्वारा बनाया गया था और उनके उत्पाद को मोज़ेक ब्राउज़र (Mosaic browser) द्वारा आम जनता के लिए लॉन्च किया गया था। जो एनसीएसए (NCSA) द्वारा विकसित किया गया था। यह 1990 के दशक में बेहद लोकप्रिय और प्रसिद्ध हो गया था, जब इंटरनेट तेजी से विकास कर रहा था। इस अवधि के दौरान, HTML को विस्तृत किया गया था और विभिन्न संशोधनों में प्रस्तुत किया गया था।
समय-समय पर, एचटीएमएल के गुणों को संशोधित करके नया संस्करण लॉन्च किया जाता है। अभी एचटीएमएल का पांचवां संस्करण चल रहा हैं, जिसे 2014 तक पूरी तरह से लॉन्च किया गया था। इस पांचवें संस्करण में, कई नए गुण जोड़े गए हैं, जो पुराने संस्करण यानी एचटीएमएल 4.0 में मौजूद नहीं थे। एचटीएमएल डेवलपर्स का दृष्टिकोण यह है कि सभी डिवाइस इंटरनेट पर डेटा एक्सेस करने में सक्षम होना चाहिए: विभिन्न प्लेटफ़ॉर्म वाले कंप्यूटर, ब्राउज़र, मोबाइल फ़ोन आदि।
एचटीएमएल संस्करण का इतिहास (History of HTML Version)
- HTML 1.0
- HTML 2.0
- HTML 3.0
- HTML 3.2
- HTML 4.0.1
- HTML 5.0
- XHTML
[NOTE : XHTML (EXtensible Hypertext Markup Language) XML आधारित मार्कअप भाषा है। यह संस्करण HTML 4.0.1 के बाद आया था। इसे एक्सएमएल में एचटीएमएल के साथ जोड़ कर बनाया गया था। एक्सएचटीएमएल (XHTML) का उपयोग करके, आप अपने वेब पृष्ठों पर एक्सएमएल (XML) की शक्ति की क्षमता जोड़ सकते हैं।]
एचटीएमएल की विशेषताएं (Features of HTML )
एचटीएमएल 5 (HTML 5) हमें वेब पेज पर ऑडियो, वीडियो और ग्राफिक्स एम्बेड करके अधिक इंटरैक्टिव वेबसाइट बनाने में सक्षम बनाता है। एचटीएमएल 5 का उद्देश्य मुख्य रूप से वेब डेवलपर्स (Web Developers) के लिए वेबसाइट की कोडिंग को आसान बनाना है।
नई विशेषताएँ (New Features)
- Browser Support
- Geolocation
- Offline Application Cache
- Error Handling
- New Application Programming Interface (API)
- Web Storage
एचटीएमएल टैग्स क्या है? (What is HTML Tags)
HTML टैग कुछ ऐसे शब्द होते है जो एचटीएमएल में पहले से आरक्षित होते हैं। एचटीएमएल टैग एक वेब पेज के भीतर छिपा कीवर्ड होता हैं और HTML में प्रत्येक टैग का एक अलग अर्थ होता है। किसी भी एचटीएमएल पेज को बनाने के लिए हमें HTML टैग की आवश्यकता होती है, इसका मतलब है कि HTML टैग से ही एचटीएमएल पेज बनता हैं। एचटीएमएल 5 में लगभग 120 टैग हैं, कुछ सामान्य एचटीएमएल टैग्स निम्नलिखित हैं। उदाहरण के लिए, <html> ओपनिंग टैग है और </ html> क्लोजिंग टैग होता है।
- <html> Tag :- इस टैग का उपयोग तब किया जाता है जब हम एक HTML पेज टाइप करना शुरू करते हैं, जिसका अर्थ है कि यदि हम एक नया HTML पेज बनाना चाहते हैं, तो पहले हमें <html> टाइप करके पेज शुरू करना होगा।
- <title> Tag :- प्रत्येक HTML पेज में <title> टैग होना महत्वपूर्ण है। <title> </ title> टैग का उपयोग वेबसाइट के शीर्षक को लिखने के लिए किया जाता है।
- <head> Tag :- प्रत्येक HTML पेज में <head> टैग होना महत्वपूर्ण है। <title> टैग इस <head> </ head> टैग के अंदर लिखा जाता है।
- <body> Tag :- <body> टैग एक वेबसाइट का कंटेंट एरिया होता है कि जो कुछ भी कंटेंट हम किसी वेबसाइट पर देखते हैं, यह इस <body> </ body> के अंदर लिखा जाता है।
- <p> Tag :- <p> टैग का अर्थ अनुच्छेद (paragraph) होता है यदि आप <p> </ p> टैग के अंदर कुछ टाइप करते हैं तो इसे अनुच्छेद कहा जाता है।
- Header Tag :- HTML में 6 प्रकार (<h1> से <h6>) के हैडर टैग (Header tags) होते हैं। जिसका उपयोग हम अपने वेब पेज पर शीर्षक संरचना को बनाए रखने के लिए करते हैं। <h1> शीर्षक में टेक्स्ट आकार सबसे बड़ा है और <h6> शीर्षक में सबसे छोटा है।
HTML का उपयोग (Use of HTML)
एचटीएमएल मुख्य रूप से वेब डिज़ाइनिंग के लिए उपयोग किया जाता है। इसकी मदद से, निम्नलिखित चीजें की जा सकती हैं:-
- एचटीएमएल का उपयोग वेब पेज बनाने के लिए किया जाता है।
- एचटीएमएल का इस्तेमाल विभिन्न मोबाइल एप्लिकेशन और वेब अनुप्रयोगों का उपयोग करने के लिए किया जाता है।
- प्रोग्रामिंग भाषाओं के साथ वेब एप्लिकेशन में स्थैतिक पृष्ठ (static page) को डिजाइन करने के लिए एचटीएमएल हमेशा फ्रंट एंड भाषा के रूप में उपयोग किया जाता है।
HTML कैसे सीखें – How to Learn HTML ?
इस वेब प्रोग्रामिंग भाषा HTML को सीखना बहुत ही आसान है. आप कुछ ही घंटों की ट्रैनिंग से अपना खुद का वेब डॉक्युमेंट बनाने में कामयाब हो जाते है.
नीचे हम एचटीएमएल सीखने के अलग-अलग तरीके बता रहे है. जिनके द्वारा आप खुद घर बैठे HTML सीख सकेंगे.
- ऑनलाइन सीखें
- वेब डिजाइनिंग कोर्स जॉइन करें
- किताबें खरिदें
- ऑफलाइन ट्युटोरिंग लें
- यूट्यूब से सीखें
HTML ऑनलाइन कैसे सीखे?
HTML को सीखने के लिए ऑनलाइन बहुत सारि वेबसाइट मौजूद है जहां से आप फ्री में और पैसा देकर भी HTML को सीख सकते है। नीचे दी गई वेबसाइट से आप ऑनलाइन एचटीएमएल सीख सकते हैं।
W3Schools.com
TutorialsPoint.com
Html.com
Htmldog.com
Codecademy.com
Learn-html.org
Javatpoint.com
Tutorialrepublic.com
Udemy.com
TutorialsPoint.com
Html.com
Htmldog.com
Codecademy.com
Learn-html.org
Javatpoint.com
Tutorialrepublic.com
Udemy.com
यदि आपको इन वेबसाइट से नहीं सीखना है तो आप यूट्यूब से वीडियो देखकर भी एचटीएमएल सीख सकते है। यूट्यूब पर आपको बहुत सारे ट्यूटोरियल मिल जाएगा जहां से आप अपनी भाषा में भी एचटीएमएल को सीख सकते है।
ऑफलाइन HTML कैसे सीखे?
यदि आप ऑनलाइन सीखना नहीं चाहते है तो आप अपनी आसपास किसी इंटिट्यूट में जाकर ऑफलाइन कोचिंग ज्वाइन कर सकते है। इसके अलावा आप बुक लेकर भी अपने आप खुद से घर बैठे html सीख सकते है।
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. Link tag – <a herf></a>
10. Horizontal line tag- <hr>
कई सारे tag होते है। जिन्हें एक पोस्ट में बता पाना काफी मुश्किल है। क्योंकि अभी हम HTML की जानकारी दे रहे है, तो यहां हम आपको basic चिजे बताएंगे।
HTML tag को दो वर्ग में विभाजित किया जाता है:
1. Paired tag – इन tags का दूसरा नाम कंटेनर टैग होता है। जिनका इस्तेमाल 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 से Simple Web Page कैसे बनाये?
HTML से web page Create करने के लिए आपको अपने Computer पर Notepad को Open कर लेना है। बेहतर Coding experience के लिये आप Notepad++ का use कर सकते है। अब simply नीचे बतायी गयी method को समझे।
- यहां पर <!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 कर सकते है।
Features of HTML Language
- यह easy और simple language है जिसको आसानी से समझा जा सकता है और आसानी से modify किया जा सकता है|
- यह platform-independent language है मतलब की यह किसी भी operating system में open किया जा सकता है या run कराया जा सकता है|
- यह programmer को web-pages पर graphics, video, audio, images इत्यादि add करके web-page को attractive बनाने की facility provide करता है|
- यह web-page में programmer को लिंक add करने की facility provide करता है जिससे आसानी से एक page से दुसरे page पर जाया जा सके|
- इसमें पहले से tag define होने के कारण बहुत ज्यादा आसान होता है|
- HTML case sensitive language नहीं होता है मतलब की इसमें हम capital letter या small letter में tag को लिख सकते हैं लेकिन generally small letter में ही लिखा जाता है| परन्तु इसमें कुछ कुछ code case sensitive होते हैं जैसे की
No comments:
Post a Comment
कमेन्ट पालिसी
नोट-अपने वास्तविक नाम व सम्बन्धित आर्टिकल से रिलेटेड कमेन्ट ही करे। नाइस,थैक्स,अवेसम जैसे शार्ट कमेन्ट का प्रयोग न करे। कमेन्ट सेक्शन में किसी भी प्रकार का लिंक डालने की कोशिश ना करे। कमेन्ट बॉक्स में किसी भी प्रकार के अभद्र भाषा का प्रयोग न करे । यदि आप कमेन्ट पालिसी के नियमो का प्रयोग नही करेगें तो ऐसे में आपका कमेन्ट स्पैम समझ कर डिलेट कर दिया जायेगा।
अस्वीकरण ( Disclaimer )
गोण्डा न्यूज लाइव एक हिंदी समुदाय है जहाँ आप ऑनलाइन समाचार, विभिन्न लेख, इतिहास, भूगोल, गणित, विज्ञान, हिन्दी साहित्य, सामान्य ज्ञान, ज्ञान विज्ञानं, अविष्कार , धर्म, फिटनेस, नारी ब्यूटी , नारी सेहत ,स्वास्थ्य ,शिक्षा ,18 + ,कृषि ,व्यापार, ब्लॉगटिप्स, सोशल टिप्स, योग, आयुर्वेद, अमर बलिदानी , फूड रेसिपी , वाद्ययंत्र-संगीत आदि के बारे में सम्पूर्ण जानकारी केवल पाठकगणो की जानकारी और ज्ञानवर्धन के लिए दिया गया है। ऐसे में हमारा आपसे विनम्र निवेदन है कि आप किसी भी सलाह,उपाय , उपयोग , को आजमाने से पहले एक बार अपने विषय विशेषज्ञ से अवश्य सम्पर्क करे। विभिन्न विषयो से सम्बन्धित ब्लाग/वेबसाइट का एक मात्र उद्देश आपको आपके स्वास्थ्य सहित विभिन्न विषयो के प्रति जागरूक करना और विभिन्न विषयो से जुडी जानकारी उपलब्ध कराना है। आपके विषय विशेषज्ञ को आपके सेहत व् ज्ञान के बारे में बेहतर जानकारी होती है और उनके सलाह का कोई अन्य विकल्प नही। गोण्डा लाइव न्यूज़ किसी भी त्रुटि, चूक या मिथ्या निरूपण के लिए जिम्मेदार नहीं है। आपके द्वारा इस साइट का उपयोग यह दर्शाता है कि आप उपयोग की शर्तों से बंधे होने के लिए सहमत हैं।