HTML & CSS-HTML और CSS क्या है HTML और CSS कैसे सीखें हिंदी में? What is HTML and CSS? How to learn HTML and CSS in Hindi

HTML & CSS in hindi

क्या आप स्कूल कॉलेज स्टूडेंट है और आप टेक्नोलॉजी से रिलेटेड पढ़ाई करते हैं या फिर टेक्नोलॉजी में इंटरेस्ट है और आप अपनी वेबसाइट या ब्लॉक बनाना चाहते हैं डिजाइन करना चाहते हैं web pages लेकिन आपको नहीं पता कि आप अपनी खुद की वेबसाइट  या  ब्लॉग कैसे बना सकते हैं उसके लिए आपको एचटीएमएल (HTML) और सीएसएस (CSS) सीखनी होगी (Must learn html and css in hindi)


HTML & CSS-HTML और CSS क्या है HTML और CSS कैसे सीखें हिंदी में? What is HTML and CSS? How to learn HTML and CSS in Hindi
HTML & CSS-HTML और CSS क्या है HTML और CSS कैसे सीखें हिंदी में? What is HTML and CSS? How to learn HTML and CSS in Hindi


दोस्तों अगर वाकई में आपको एचटीएमएल  और सीएसएस सीखनी है तो आपको इस पोस्ट को लास्ट तक पढ़ते रहे इसमें हम आपको  एचटीएमएल और सीएसएस की बेसिक जानकारी दी गई है जैसे

  • एचटीएमएल और सीएसएस क्या है (What is HTML and CSS in hindi)
  • HTML कैसे सीखें हिंदी में? - How to learn html in hindi?
  • Tags क्या होता हैं? Tags का यूज कैसे किया जाता है हिंदी में? What are the tags? How are tags used in Hindi?
  •  HTML TAGS उदाहरण के साथ?-HTML TAGS with example?
  • HTML TAGS उदाहरण के साथ?-HTML TAGS with example?
  • HTML Attributes क्या है?

और इन दोनों एचटीएमएल और सीएसएस को कैसे सीखें (How to learn html and css in hindi)

कौन सी programming language चुने हिंदी में, 

अगर आपको अपनी WEBSITE बनानी है तो आपको एचटीएमएल (HTML) की बेसिक जानकारी तो होनी चाहिए ऐसा मैं इसलिए कह रहा हूं कि अगर आपके पास एचटीएमएल (HTML) की बेसिक नॉलेज है तो आप अपनी खुद की वेबसाइट बना सकते हैं क्योंकि इंटरनेट पर आपको बहुत से ऐसे TEMEPLAT मिल जाएंगे जिन्हें आप एडिट कर कर अपनी खुद की वेबसाइट बना सकते हैं टेंप्लेट को एडिट करने के लिए आपके पास एचटीएमएल की बेसिक नॉलेज होनी जरूरी है अगर आपके पास एचटीएमएल की बेसिक नॉलेज है तो आप अपनी खुद की एक अच्छी वेबसाइट बना सकते हैं

 HTML और CSS क्या है हिंदी मैं? (What is HTML and CSS in hindi?)

एचटीएमएल एक कोडिंग लैंग्वेज है इसका पूरा नाम Hyper Text Mark up language है जो हर एक वेबसाइट का स्ट्रक्चर बनाती है एचटीएमएल का प्रयोग हर छोटी-बड़ी वेबसाइट को बनाने के लिए होता है गूगल फेसबुक इंस्टाग्राम आदि वेबसाइट में एचटीएमएल का इस्तेमाल क्या गया है जिस वेबसाइट की पोस्ट को आप पढ़ रहे हैं
इस वेबसाइट को भी एचटीएमएल द्वारा बनाया गया है अगर बात करें CSS की तो CSS का पूरा नाम है Cascading Style Sheet इसका तात्पर्य है किसी प्रत्येक सीट को अनेक कलर स्टाइल देना

Css का इस्तेमाल जब किया जाता है जब किसी भी सीट को कलर स्टाइल देना होता है जैसे Font का कलर स्टाइल या फिर पैराग्राफ के बीच दूरी  बनाने आदि  मैं क्या जाता है CSS एक सिंपल लैंग्वेज है इसका  प्रयोग एचटीएमएल से बनी हुई वेबसाइट को एडिट करने में होता है

HTML कैसे सीखें हिंदी में? - How to learn html in hindi?

अगर आप अपनी खुद की वेबसाइट बनाना चाहते हैं तो आपको एचटीएमएल का ज्ञान होना जरूरी है दोस्तों  इंटरनेट पर  बहुत सी ऐसी वेबसाइट है जो बने बनाए टेंप्लेट उपलब्ध कराते हैं जिन को ऐड कर कर आप अपनी खुद की वेबसाइट बना सकते हैं यह इतना आसान नहीं है इसके लिए आपको एचटीएमएल का ज्ञान होना जरूरी है जैसे टैक्स क्या है टैक्स का प्रयोग कैसे किया जाता है <h1> टैग क्या है <p> टैग क्या है कैसे इनका इस्तेमाल किया जाता है टेबल कैसे क्रिएट करते हैं इत्यादि के बारे में ज्ञान होना आपको जरूरी है तभी आप अपनी खुद की वेबसाइट बना सकते हो

Tags क्या होता हैं? Tags का यूज कैसे किया जाता है हिंदी में? What are the tags? How are tags used in Hindi?

आपने देखा होगा कि यूट्यूब वीडियो में टैक्स का इस्तेमाल किया जाता है वीडियो  को रैंक कराने के लिए लेकिन यहां ऐसा नहीं है टैक्स कई प्रकार के होते हैं लेकिन यहां ऐसा नहीं है एचटीएमएल में टेक्स्ट का इस्तेमाल वेबसाइट का स्ट्रक्चर देने के लिए प्रयोग होता है उदाहरण के लिए नीचे समझे

<h1>html kese sikhe in hindi </h1>

आप ऊपर देख सकते हैं कि जो शब्द h1 है जिसको एंगुलर के बीच में दिया गया है यह वेबसाइट का स्ट्रक्चर बनाता है और जो हमने बीच में लिखा है यह वेबसाइट पर जाकर h1 की मदद से हेडिंग के रूप में दिखाई देगा  यहां पर एक दो टैग नहीं है बहुत सारे टैग हैं

सब का इस्तेमाल तो मैं इस पोस्ट में नहीं बता सकता लेकिन हां मैं यहां पर आपको html के कुछ इंपॉर्टेंट टैक्स के बारे में उदाहरण सहित बताऊंगा तो चलिए शुरू करते हैं

 HTML TAGS उदाहरण के साथ?-HTML TAGS with example?


1.<!doctype html> यह tag आपके डॉक्यूमेंट दर्शाता है कि डॉक्यूमेंट किस टाइम पर बना हुआ है और html का कौन सा वर्जन है आदि के बारे में <!doctype html> ही बताता है

2.<Html> यह डॉक्यूमेंट में एक मैन है इस HTML Tag ओपन करना और क्लोज करना बहुत जरूरी है जो कुछ भी ब्लैंक शीट में लिखा जाता है वह सारा का सारा इसी open <html> और किलोज </html> tag के अंदर लिखा जाता है

3.<head>head tag का इस्तेमाल वेबसाइट के ऊपरी भाग के लिए क्या जाता है इसी में टाइटल और meta डिस्क्रिप्शन आदि लिखा जाता है

4.<body> html में जो भी स्ट्रक्चर दिए जाते हैं जो कुछ भी लिखा जाता है जैसे कि हमें स्क्रीन पर अपना नाम शो कराना है उसके लिए हम पैराग्राफ  या  हेडिंग  tag की मदद ले सकते हैं उसे बॉडी टैग के अंदर ही लिखा जाता हैै <body> ओपन tag और क्लोज tag </body> इन दोनों टैक्स के अंदर प्रत्येक चीज को लिखा जाता है

जो कुछ भी वेबसाइट पर दिखाई देता है वह सारा कुछ ओपन  tag <body> और क्लोज  tag</body> इन दोनों tags के अंदर ही लिखा जाता है

5.<p>  इस tag का इस्तेमाल किसी भी पैराग्राफ को लिखने के लिए होता है उदाहरण के लिए हमें किसी भी चीज की खबर लिखनी होती है तो हम <p> पैराग्राफ tag का इस्तेमाल करेंगे

6.<h1> <h6> h1   और  h6 यह दोनों टैग हेडिंग लिखने के लिए होते हैं h1 मेन हैडिंग होती है और h6 सब हेडिंग होती है यह  हेडिंग h1 से लेकर h6 तक होती है और इस हेडिंग मैं उन शब्द का इस्तेमाल करते हैं जिन्हें हम टॉप पर दिखाना होता है

7.<div> इस tag का इस्तेमाल डिवीजन करने के लिए होता है इसका इस्तेमाल हेडर फूटर आदि बनाने के लिए होता है यह htm tags में से एक महत्वपूर्ण है

8.<Table> टेबल टैग बेसिकली इस tag का इस्तेमाल html में जब भी हम कोई table form creat करते हैं जब हम इस tag का इस्तेमाल करते हैं इस tag के इस्तेमाल से किसी भी तरह के टेबल फॉर्म को आसानी से बना सकते हैं और इस का यूज एचटीएमएल में बहुत महत्वपूर्ण है

HTML और CSS कैसे सीखें टिप्स हिंदी में  ? How to learn HTML & CSS Tips in hindi?

स्टेप 1. सीखना ना छोड़े ): html  सीखना कभी बंद ना करें अगर आप एक सक्सेसफुल वेब डेवलपमेंट बनना चाहते हैं तो आप कभी भी html और CSS सीखना बंद ना करें क्योंकि एक html bignar कभी भी सीखना बंद नहीं करता वाकई में आपको html और CSS में रुचि है तो आप कभी भी सीखना बंद ना करें

यहां पर अगर आप html और css कुछ समय के लिए छोड़ेंगे तो आप बहुत सी बेसिक चीजों के भूल जाएंगे जिसकी वजह से आप एक html और CSS bignar नहीं बन पाएंगे
एचटीएमएल और सी एस एस ऐसा सोर्स है जितना आप  सिखोंगे उतना ही इस source में आगे बढ़ते चले जाओगे

स्टेप 2. Coding ): कोडिंग करना अगर आप एचटीएमएल और सी एस एस सीखना चाहते हो और आगे जाकर बनाना चाहते हो अपनी वेबसाइट या फिर किसी कंपनी में जाकर एचटीएमएल और सीएसएस के bhass पर करना चाहते हो नौकरी तो आपको कोडिंग आना बहुत जरूरी है

कोडिंग को इंप्रूव कैसे करें हर रोज एक एक घंटा typing master सॉफ्टवेयर पर प्रैक्टिस करें और notepade पर भी पिक्चर आपकी कोडिंग इंप्रूव होगी और आप अच्छी खासी कोडिंग कर सकते हैं

स्टेप 3. html practical): हर रोज एचटीएमएल और सी एस एस सीखने के साथ-साथ उसे प्रैक्टिकल करके देखें जब आप  एचटीएमएल सीएसएस पढ़ते या देखते हैं तो उसे प्रैक्टिकल करके जरूर देखें html practical  अगर आप करते हो तो आप एक सक्सेसफुल वेबसाइट डेवलपर बन सकते हैं

 स्टेप 4. online ): ऑनलाइन  अगर आप एचटीएमएल और सीएसएस सीखते हैं तो डेफिनेटली  एचटीएमएल और सीएसएस अच्छी तरह से सीख जाओगे क्योंकि इंटरनेट पर बहुत सी ऐसी वेबसाइट है जो फ्री में एचटीएमएल और सिखाते सीएसएस हैं

कुछ वेबसाइट एचटीएमएल सीएसएस के पीडीएफ प्रदान करती हैं और सबसे आसान रास्ता एचटीएमएल और सीएसएस यूट्यूब वीडियो देख कर भी आप सीख सकता है इससे आप बेहतरीन  एचटीएमएल और सीएसएस सीख सकते हैं  और लोगों की वेबसाइट  क्रिएट कर सकते हैं

स्टेप 5.html basics): अगर आप एचटीएमएल और सियासत सीखना चाहते हैं तो आपको एचटीएमएल और सीएसएस की बेसिक जानकारी जरूर होनी चाहिए क्योंकि किसी भी चीज को सीखने से पहले उसकी शुरुआती चीजें और बेसिक जानकारी होने चाहिए

उदाहरण के लिए आप अपने खुद की वेबसाइट बनाना चाहते हैं और आपको वेबसाइट कैसे बनानी है इसकी बेसिक नॉलेज नहीं है तो आप अपनी वेबसाइट कैसे बना सकते हो इसलिए एचटीएमएल और सीएसएस बेसिक जानकारी होनी चाहिए तभी आप एचटीएमएल सीएचएस आदि से अपनी खुद की वेबसाइट बना सकते हैं तो चलिए जानते हैं कि इस टेबल की बेसिक जानकारी क्या है,

  1. एचटीएमएल और सीएसएस क्या है,
  2. एचटीएमएल स्ट्रक्चर क्या है
  3. एचटीएमएल टैक्स क्या होता है
  4. एचटीएमएल में इमेज कैसे ऐड करते हैं
  5.  एचटीएमएल में फॉर्म कैसे क्रिएट करते हैं
  6. एचटीएमएल में टेबल कैसे क्रिएट करते हैं
  7.  एचटीएमएल में सीएसएस कैसे ऐड करें
  8. एचटीएमएल में बनाए गए वेब पेज को एक दूसरे से कनेक्ट कैसे करें
आदि के बारे में ज्ञान आपको होना चाहिए तभी आप एक एचटीएमएल और सीएचएस से बनी हुई एक विशाल वेबसाइट बना सकते हैं

स्टेप 6. छोटे-छोटे Website pages): जब आप एचटीएमएल और सीएसएच सीखें तो आपको एक बड़ी वेबसाइट पर काम नहीं करना है बल्कि वेबसाइट के छोटे-छोटे भेजो पर टैग्स का एक्सपेरिमेंट करते रहें और उन्हें फिर एक अपने ऑफिशल वेबसाइट पर यूज़ करें जो भी टैक्स का परिणाम निकलता है

उन्हें अच्छे से नोटबुक में लिख ले ऐसे आपके एचटीएमएल और सीएसएस सीखने की स्किल अच्छी तरह बढ़ती जाएगी जैसे आप आगे जाकर किसी की भी वेबसाइट आसानी से बना सकते हैं

स्टेप 7.website view source): एचटीएमएल और सी एसएस सीखने का बेस्ट आइडिया यह भी है कि आप किसी और की वेबसाइट का  view source चेक करें और उन्हें देखें कि कौन सा टैग किस तरह से इस्तेमाल किया गया है किस तरह कोडिंग की गई है उनके एलिमेंट्स को चेक करें गूगल फेसबुक ऐसी बड़ी बड़ी वेबसाइटओं का भी view सोर्स चेक करें

इससे आपके skills बेहतर होगी website का view source चेक करने की प्रक्रिया इस प्रकार है किसी भी वेबसाइट पर जाएं वेबसाइट पर जाने के बाद माउस के राइट बटन को एक बार प्रेस करें आपके सामने ऑप्शनओं की सूची खुल जाएगी और उसमें से व्यू सोर्स पर क्लिक करें आपके सामने व्यू सोर्स विंडो खुल जाएगा

स्टेप 8.Where to learn HTML and CSS):अब तक हमने इन 7 steps मैं सीखा  के एचटीएमएल और  सीएसएस कैसे सीखे?, अब हम जानते हैं कि एचटीएमएल और सीएसएस कहां से सीखे एचटीएमएल और  सीएसएस सीखने के बहुत  से रास्ते हैं जैसे एचटीएमएल  और सीएसएस  सिखाने के यूट्यूब चैनल वेबसाइट ऑनलाइन क्लासेज और पीडीएफ आदि द्वारा  एचटीएमएल और सीएसएस आसानी से सीख सकते हैं
 

एचटीएमएल सिखाने वाले 5 यूट्यूब चैनल हिंदी में,(5 YouTube best channels teaching HTML in Hindi,)

1.learnVern
2.technical gyan
3.codewithharry
4. micro solution
5. computer gyan guruji
 एचटीएमएल सीखने के लिए यह पांच यूट्यूब चैनल आपके लिए best हैं इन 5 YouTube चैनल से आप  आसानी से एचटीएमएल और सीएचएस सीख पाएंगे 

इन पांच यूट्यूब चैनल की खास बात यह है यह पांच YouTube नल छोटे बड़े कांसेप्ट को अच्छे से क्लियर करवाते हैं  यह पांच YouTube चैनल एचटीएमएल और सीएसएस के बेसिक जानकारी से लेकर एडवांस्ड लेवल तक की जानकारी देने में सक्षम है

 एचटीएमएल सिखाने वाली 5 अच्छी वेबसाइट हिंदी में? (5 Good HTML Teaching Websites in hindi?)

1.www.learnvern.com
2.hindischool.net
3.www.techjaypal.com
4.www.w3schools.com
5.www.technicalsmhindi.com
 इन पांच वेबसाइट से आप अच्छी तरह से एचटीएमएल और सीएचएस सीख सकते हैं  इन पांच वेबसाइट से आप एचटीएमएल और सीएसएस सीकर अपने  वेबसाइट को एडिट कर सकते हैं क्योंकि इन 5 websites   मैं कुछ वेबसाइट ऐसी हैं

जो आपको  एचटीएमएल और  सीएचएस की बेसिक जानकारी अच्छी तरह से सिखाएंगे और  इनमें कुछ ऐसी वेबसाइट्स हैं जो आपको एडवांस लेवल तक की एचटीएमएल सिखाएंगे

एचटीएमएल   और सीएसएस सिखाने वाली 3 ऑनलाइन बेस्ट वेबसाइट हिंदी में? (3 best online websites to teach HTML and CSS in hindi?)

1.www.learnvern.com
2.www.whitehatjr.com
4.www.w3schools.com
 इन तीन ऑनलाइन वेबसाइट से आप आसानी से एचटीएमएल और सीएसएस सीख सकते हैं सीखने के लिए आपको इन तीन ऑनलाइन वेबसाइट्स में ज्वाइन होना होगा जानकारी के लिए बता दूं  इन तीन ऑनलाइन वेबसाइट यह क्लासेस फ्री भी है और पैसों में भी कहने का  तात्पर्य यह है

कुछ दिनों तक यह क्लास फ्री लगेंगे उसके बाद आपको फीस भरनी होगी  इससे आपको 2 फायदे भी हैं वह इसलिए जब आप फ्री क्लासेस लेंगे तो आपके नॉलेज बढ़ेगी और आपको अंदाजा भी लग जाएगा की यह वेबसाइट अच्छे हैं या नहीं अगर आपको अच्छी लगती है तो  आप इस में ज्वाइन हो जाए

क्योंकि ज्वाइन  होने के बाद आपको प्रैक्टिकली पढ़ा जाएगा पढ़ाने के बाद एचटीएमएल और सीएचएस की बेसिक नॉलेज जब आपको हो जाएगी तो आप एचटीएमएल पेज एडिट कर सकते हैं अगर आप इस कोर्स को पूरा करते हैं तो आप अपनी खुद की वेबसाइट कंप्लीट बना सकते हैं क्योंकि इस ऑनलाइन कोर्स में आपको एचटीएमएल और सीएसएस जावास्क्रिप्ट  आदि पढ़ाया जाएगा

HTML Attributes क्या है?

HTML attributes क्या है अगर आपको इसके बारे में अच्छे से ज्ञान हो गया कि आखिर यह html Attributes क्या हैं तो चलिए जानते हैं कि html Attributes क्या है यह एक सिंपल सा कोड होता है जिसे ओपनिंग tag के अंदर ही लिखा जाता है 

इस html Attributes के दो भाग होते हैं name और value जैसे इसके नाम से ही पता चल रहा है नेम में नाम लिखा जाता है और वॉल्यूम है हम किसी भी चीज की वैल्यू देते हैं इनका यूज कर कर हम एक्स्ट्रा इंफॉर्मेशन प्रदान करते हैं या फिर इतना समझ लीजिए की यह एक एडिट कौन है

यह एक दो html Attributes नहीं है यह बहुत सारे हैं इसलिए इनको एक पोस्ट में देना मुमकिन नहीं हैं इसीलिए कुछ इंपॉर्टेंट html Attributes नीचे उदाहरण के साथ दिए गए हैं

<p style=“height: 40px; color: blue”>this paragraph with html Attributes in hindi </p>

<p> यानी पैराग्राफ अब आपने देखा कि ऊपर पैराग्राफ में ओपन tag के अंदर ही html Attributes दिया गया है एस html Attributes के अंदर नेम और वैल्यू होती हैं वैल्यू को हमेशा "(value)"Dubble cot के अंदर ही लिखा जाता है

ऊपर पैराग्राफ में आप देख सकते हैं जो हाइट और कलर दिया गया है इसको ही वैल्यू कहा जाता है बात करें नेम की तो ऊपर पैराग्राफ के स्टार्ट में ही आप देख सकते हैं जो style है उसे ही नाम कहा जाता है
<h1 attrname= "value"> this heading h1 html hindi me </h1>
H1 यह सबसे बड़ी हेडिंग होती है और आप इसमें देख सकते हैं html Attributes का इस्तेमाल किया गया है इसमें विशाल वैसा ही है h1 के बाद जो attername लिखा हुआ है वही नाम है और आप वैल्यू को भी देख सकते हैं जो डबल कोट के अंदर वैल्यू लिखा हुआ है उसे ही वैल्यू कहा जाता है
<a href=“https://www.technicalsmhindi.com/”>add link in hindi</a>
A यानी एंकर tag इस tag का इस्तेमाल किसी और वेबसाइट या पेज को कनेक्ट करने के लिए क्या जाता है जो भी ब्लॉगर होता है या फिर कोई वेबसाइट यूज करता है तो वह किसी और वेबसाइट से बैकलिंक लेने के लिए इस tag का इस्तेमाल करता ही है
<image src= "html image.png" 
height="700" width="60">

Image tag इसका इस्तेमाल वेबसाइट में इमेज लगाने
 के लिए होता है यह पूरा टैग html Attributes से बना
 हुआ है इसमें जो इमेज के बाद सोर्स लिखा हुआ है वह नाम है
 और जो इसमें html image.png" height="700" width="60 
यह लिखा हुआ है 
यह सारा का सारा वैल्यू हैआपके सामने हमने
 html Attributes दर्शाए हैंऔर साथ ही साथ यह भी बताया है
 कि कौन सी वैल्यू है 
और कौन सा नाम है अगर फिर भी समझ 
नहीं आया की वैल्यू क्या है नाम क्या है  नीचे दिए 
गए चित्र को ध्यान से देखें इस चित्र
 में हमने name और value दिखाया गया है

HTML & CSS-HTML और CSS क्या है HTML और CSS कैसे सीखें हिंदी में? What is HTML and CSS? How to learn HTML and CSS in Hindi
HTML & CSS-HTML और CSS क्या है HTML और CSS कैसे सीखें हिंदी में? What is HTML and CSS? How to learn HTML and CSS in Hindi
 
अब आपको चित्र में देखकर अंदाजााा लग गया कि कौन सी वैल्यू है और कौन सा नाम है

इस पोस्ट में आपको एचटीएमएल क्या है और कैसे सीखें इसके बारे में पूरी जानकारी मिल गई होगी हमारी हमेशा से अच्छा यही रहती है कि हमारे द्वारा लिखी गई आर्टिकल आपके लिए यूज़फुल रहे हैं पोस्ट पसंद आई हो तो शेयर जरूर करें और हमारे ब्लॉक को फ्री में फॉलो करें

एक टिप्पणी भेजें

0 टिप्पणियाँ