आप अगर वाकई जानना चाह रहे हैं कि HTML kya hai? What is HTML in Hindi तो आज के इस Article में आपको HTML की पूरी जानकारी मिलेगी।
प्रश्न ये है कि HTML की ज़रूरत ही क्यों है? हम HTML का प्रयोग क्यों करते हैं? तो इसका यही उत्तर होगा कि वेबसाइट को डिजाइन करने की सबसे बेसिक वेब डेवलपमेंट भाषा HTML ही है।
अगर आप ब्लॉगर हैं या ब्लॉगिंग के क्षेत्र में आना चाह रहे हैं तो आपको HTML का कुछ ज्ञान तो होना ही चाहिए। क्योंकि ब्लॉग या वेबसाइट को डिजाइन करने के लिए HTML kya hai इसका पता होना बहुत आवश्यक है।
आज इस आर्टिकल से आप बेसिक लेवल का या यूं कहें इतना HTML hindi में सीखकर जाएंगे कि आपको इसकी समझ ज़रूर हो जाएगी फिर आप बेसिक सीखने कहीं नही जाएंगे।
हम आपको जो HTML सिखाएंगे बाहर यही HTML 5-10 हजार रुपये लेकर भी लोग ठीक से नही सिखाते हैं। परंतु क्योंकि हमें इस क्षेत्र का अनुभव है तो हम आपको HTML के बारे में अच्छे से समझा पाएंगे।
सबसे पहले जानते हैं कि HTML का फुल फॉर्म क्या है? HTML Full Form सबको पता होना ही चाहिए।
HTML Full Form in Hindi | HTML का फुल फॉर्म हिंदी में
HTML का Full Form “Hyper Text Mark-up Language” है। इसमे हर शब्द का अपना मतलब है। आइये पहले इसको जानते हैैं।
Hyper Text
Hyper Text का मतलब है ऐसा टेक्स्ट जिसके पीछे कुछ छिपा हो। ऐसे Text पर माउस ले जाने पर या मोबाइल से हैं अगर तो touch करने पर कुछ अलग जानकारी दिखती है।
ये hyper text अलग अलग हो सकते हैं। जैसे किसी text में हो सकता है कोई link मौजूद हो। अगर किसी text में कोई लिंक है तो उसको hyper link कहेंगे और उस text को Hyper Text कहा जायेगा।
Markup
Markup का मतलब एक उदाहरण से समझाता हूँ। जैसे HTML का कोई tag है <b> तो यह इंगित करता है कि इसके अंदर लिखा गया टेक्स्ट बोल्ड हो जाएगा। तो एंगुलर ब्रैकेट < और > के अंदर लिखा गया टेक्स्ट Markup कहलाता है। यही इसका मतलब है।
Language
Language का मतलब तो आप सबको पता ही है। पर HTML Hindi में पढ़ रहे आप लोग ये जानते हैं क्या कि कंप्यूटर में अलग-अलग कई भाषाएं प्रयोग होती है। ये HTML KYA HAI? ये भी एक कंप्यूटर भाषा ही है जो वेब प्रोग्रामिंग भाषा कहलाती है।
HTML kya hai? What is HTML in Hindi ?
HTML एक वेब प्रोग्रामिंग भाषा है। जिसमे कुछ HTML Tags की मदद से कोड लिखकर वेबसाइट या ब्लॉग का वेबपेज डिज़ाइन किया जाता है।
HTML की खोज टिम बर्नर्स ली ने की थी। इसकी खोज के बाद ही इन्होंने वर्ल्ड वाइड वेब की भी खोज की थी।
HTML को HTML Tags के माध्यम से लिखा जाता है। आइये इसके टैग के बारे में विस्तार से जानते हैं।
HTML TAGS kya hain? HTML Tags in Hindi
HTML में कुछ टैग्स प्रयोग होते हैं उनका इस्तेमाल करके ही HTML वेब भाषा लिखी जाती है।
आइये HTML के एक basic example से इसके प्रमुख टैग्स को समझते हैं।
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>My First HTML Document</TITLE>
</HEAD>
<BODY>
<H1>This is Heading of Document</H1>
<P>This is first paragraph of this document.</P>
<P>This is second paragraph of this document. You can add as many paragraphs as possible like this.</P>
</BODY>
</HTML> उपरोक्त कोड को समझने पहले ये समझते हैं। HTML कोड लिखना कहाँ और कैसे है? तो इसको लिखने के लिए आप कोई भी टेक्स्स्ट एडिटर जैसे नॉटपैड या वर्डपैैैड ले लीजिये।
और कोड लिखने के बाद save की जाने वाली फ़ाइल को .htm या .html एक्सटेंशन लगाकर सेव कर लीजिए।
फिर इसको किसी भी ब्राउज़र जैसे क्रोम, फायरफॉक्स, इंटरनेट एक्सप्लोरर आदि से खोलकर देखा जा सकता है। कि HTML कोड जो लिखे गए हैं वो काम कर रहे या नही।
इससे आपको एकदम साफ पता लगेगा कि आखिर HTML kya hai? (What is Html in Hindi) और फिर आप इसको और रुचि के साथ सीखेंगे।
अब आइये इन टैग्स के बारे में समझते हैं।
<!DOCTYPE HTML>
यह संदेश देता है कि लिखा जाने वाला कोड या डॉक्यूमेंट HTML कोड है।
<HTML> …..</HTML>
इस कोड के बीच में ही सारे अन्य HTML tags प्रयोग किहे जाते हैं। कोई भी टैग बन्द करते वक़्त / स्लैश के साथ किया जाता है।
<HEAD>….</HEAD>
HTML के इस टैग्स के अंदर किसी भी वेब पेज का हेड वाला पार्ट लिखा जाता है। इसके अंदर वेब पेज का टाइटल, वेब पेज के हेड में प्रयोग होने वाला logo, advertisement code आदि लिखा जाता है।
<BODY>…..</BODY>
HTML के इस टैग के अंदर वेब पेज की पूरी बॉडी आती है। अर्थात सारे पैराग्राफ्स, इमेज, वीडियो आदि समस्त HTML टैग्स इसी के अंदर प्रयोग होते हैं।
<H1>….</H1>
इस टैग के अंदर सबसे बड़ी और मुख्य हेडिंग लिखी जाती है।
<P>….</P>
HTML के इस कोड के अंदर पैराग्राफ लिखा जाता है।
आइये HTML के अन्य टैग्स के बारे में भी जान लिया जाए। आज हम यहाँ से इतना HTML तो सीखकर निकलेंगे ही कि हमे वेब पेज सफलतापूर्वक बनाना आ जाए।
HTML Code / TAG का प्रयोग करके headings लिखना
HTML Tags या कोड का प्रयोग करके आप हैडिंग लिख सकते हैं। ये <H1> से लेकर <H5> तक मुख्य रूप से प्रयोग होते हैं जिनमे heading का आकार घटते क्रम में होता है।
HTML Tags / Code का use करके bold, italic, underline करना
Bold tag <b>…</b>
कोई भी टेक्स्ट या sentence जिसको बोल्ड करना है उसको <b> और </b> के बीच लिख देने पर वह बोल्ड हो जाएगा।
Italic Tag <i>…</i>
<i> और </i> के बीच लिखा जाने वाला टेक्स्ट तिरछा यानी italic हो जाता है।
Under Line Tag <u>…</u>
<u> और </u> के बीच टेक्स्ट लिखने पर वह अंडर लाइन हो जाता है।
HTML tags/code का use करके किसी web page में media (Audio/video/images) add करना
Image ऐड करना HTML टैग का प्रयोग करके
इमेज insert करने के लिए सबसे पहले आपके पास इमेज उसी फोल्डर में मौजूद होनी चाहिए जिसमें आप अपनी html फ़ाइल save करेंगे।
जैसे अगर आप वर्डप्रेस या ब्लॉगर या कोई ऑनलाइन प्लेटफार्म का प्रयोग कर रहे तो image को अपलोड करना होगा और फिर उसका नाम ध्यान रखना होगा। उसके बाद इस प्रकार insert करना होगा।
<img src="xyz.jpg" alt="A black, brown, and white dog wearing a kerchief">
यहां xyz.jpg इमेज है और alt टेक्स्ट जिसे अल्टरनेटिव टेक्स्ट कहते हैं यह तब दिखेगा जब किसी कारण वश इमेज न दिख पाए। यह गूगल को इमेज का कॉन्टेक्स्ट समझाने के लिए भी प्रयोग होता है।
ऐसे ही वीडियो और ऑडियो भी ऐड किया जा सकता है। और आप उसमे कंट्रोल भी सेट कर सकते हैं। पर इस ट्यूटोरियल का उद्देश्य आपको बेसिक जानकारी देना है।
HTML Tag का प्रयोग करके लिंक या hyper link ऐड करना
किसी भी वेब पेज में अन्य वेब पेज को जोड़ने के लिए लिंक या hyper link का प्रयोग किया जाता है। इसको प्रयोग करने के लिए निम्न कोड का प्रयोग होता है।
<a href="url">link text</a>यूआरएल में उस दूसरे वेब पेज का एड्रेस रहता है और text में वह टेक्स्ट जिसपर लिंक लगाई गई है।
नोट- आप इमेज पर भी लिंक लगा सकते हैं।
HTML द्वारा चलती हुई लाइन में टेक्स्ट दिखाना | Horizontal or vertical text Motion in HTML
आप <marquee> टैग का use करके horizontal या वर्टिकल डायरेक्शन में किसी टेक्स्ट वर्ड या सेंटेंस को चलाया जा सकता है।
example code:
<marquee>This is basic example of marquee</marquee>यह text horizontal राइट से लेफ्ट डायरेक्शन में गति करेगा।
यदि इसे नीचे से ऊपर डायरेक्शन में गति कराना है तो direction=up इसके अंदर लिखकर इसे बॉटम से टॉप गति करवा सकते हैं।
ऐसे ही अलग अलग डायरेक्शन में गति करवा सकते हैं।
आपने बहुत सी न्यूज़ वेबसाइट में एक line में चलता हुआ text देखा होगा यह text marquee tag use होने के कारण ही चलता है।
Webpage में design या अन्य effect कैसे डालते हैं?
वेब पेज में डिज़ाइन या अन्य इफ़ेक्ट डालने के लिए HTML के साथ साथ CSS और JAVA SCRIPT का भी USE किया जाता है। अगर आप सच में वेब डेवेलपर बनना चाहते हैं तो HTML, CSS और java script में महारत हासिल कर लें।
HTML, CSS, JAVASCRIPT कहाँ से सीखें? HTML, CSS, JAVA Courses Platform in Hindi
अगर आप वाकई में HTML course सीखना चाहते हैं। वैसे तो बेसिक आपका यहां ही क्लियर हो गया होगा। HTML kya hai? What is HTML in Hindi? HTML tags uses in Hindi ये सब तो आप सीख गए पर एकदम वेब डेवलपर बनने के लिए आप इसका कोई भी एक अच्छा सा कोर्स कर लीजिए।
हम आपको बताने जा रहे हैं कि कौन से प्लेटफार्म में आप HTML, CSS, JAVA SCRIPT Courses सीख सकते हैं।
Programming Tutorial Websites की मदद से Webdesign सीखना
हम कुछ वेबसाइट की सूची आपको बता रहे हैं जहां से आप बेझिझक HTML, CSS, JAVA SCRIPT आदि सीख सकते हैं।
- W3school वेबसाइट से
- Tutorials Point वेबसाइट से
- Javatpoint वेबसाइट से
- Code academy से
ये कुछ प्रमुख वेबसाइट्स हैं जहां से आप आराम से step by step HTML, CSS, JS ट्यूटोरियल सीख सकते हैं। और खुद का वेब पेज design कर सकते हैं। अगर आप Web design courses hindi में कहीं भी ढूंढेंगे तो आपको इनसे अच्छी वेबसाइट शायद ही मिले।
Youtube या Udemy जैसे प्लेटफार्म से Web design या web development courses सीखना
अगर HTML, CSS, जावा स्क्रिप्ट ये सब आप free में सीखना चाह रहे और web design या web development की field में career बनाना चाह रहे तो Youtube से बेस्ट क्या ही होगा। इसलिए कोई भी एक चैनल को पकड़िए जिसका ट्यूटोरियल आपको समझ में आता हो। और शुरू हो जाइए सीखने में।
अगर आप paid course में जाना चाहते हैं तो udemy प्लेटफार्म बेस्ट रहेगा। आप यहां वेब डिजाइनिंग से जुड़े एल से बढ़कर एक बेहतरीन कोर्सेज पा सकते हैं। इसमें कभी-कभार ऑफर आने पर free में भी course मिल जाते हैं।
Conclusion
उम्मीद है आपको समझ आ चुका होगा कि आखिर HTML kya hai? What is HTML in Hindi? HTML कहाँ से सीखें? HTML Tags in Hindi, HTML Courses in Hindi आदि की जानकारी आपको मिल गयी होगी।
अगर आपको वाकई हमारा एफर्ट पसन्द आया तो शेयर जरूर करिये। क्योंकि आपका एक शेयर हमे 10 पोस्ट और लिखने की हिम्मत देता है।