HTML & CSS सीखे हिंदी में lesson-1 - Sabkuch Hindi

Breaking

HTML & CSS सीखे हिंदी में lesson-1

Hello Friends स्वागत हैं आपका मेरे इस नए आर्टिकल में आज के इस पोस्ट और विडियो के माध्यम से मैं आपको बताऊंगा की कैसे HTML और CSS सिख कर complete वेबसाइट बनाये
HTML -Hyper text markup language
दरअसल वेबसाइट डिजाईन की यह प्रथम भाषा हैं मेरे कहने का मतलब कोई भी छोटे से छोटी वेबसाइट बना लो या बड़ी वेबसाइट html से ही वो बनेगी यानी उसमे हमें HTML को use करना ही पड़ेगा चूँकि यह पहली भाषा है web devloping की तो इसमें केवल वेबसाइट का प्रारूप तैयार होंगा उसकी स्टाइल नहीं स्टाइल को बनाने के लिए हमें CSS को use करना पड़ेगा यानि html से हम वेबसाइट को लिखते हैं उसको डिजाईन करने के लिए css का उपयोग करते हैं html के कई version हैं वर्तमान में HTML 5.0 चल रहा हैं यहाँ आप html और css दोनों के माध्यम से वेबसाइट बनाना सीखोगे एक नमूना आप यहाँ देख सकते हो यहाँ क्लिक करे डेमो देखने के लिए


अंतिम में हम एक complete वेबसाइट बनायेगे तो बने रहिये मेरे साथ और जो समझ में नहीं आये तो ईमेल करे mrdgour2@gmail.com पर हाथोहाथ 1 घंटे में आपसे कनेक्ट हो जाऊंगा
चलिए शुरुआत करते हैं

सबसे पहले आपको शुरुआत करने के लिए किन किन चीजो की जरुरत पड़ेगी बता देता हूँ
1 computer
2. computer के अन्दर notepad इनस्टॉल होना चाहिए यहाँ एक सुझाव हैं की आप इन्टरनेट से notepad++ डाउनलोड कर ले क्योंकि notepad++ coding के लिए ही बना हैं और हमें वेबसाइट बनाने के लिए coding करनी पड़ेगी notepad आप यहाँ क्लीक करे डाउनलोड करने के लिए
बस अब आप notepad++ को open कर लीजिये


दरअसल html में टैग होता हैं उसको जहाँ से open करते हैं और जहाँ हमें बंद करना होता हैं वहां बंद करना पड़ता हैं जैसे यहाँ पर <html> को open किया और यहाँ मुझे बंद करना हैं तो </html> इस तरह लिखूंगा html में हमें सभी टैग को इस तरह use करना हैं जैसे यह निचे उदाहरण हैं
इस उदाहरण में देख रहे हो इसका मतलब समझे
  • <!DOCTYPE html> html 5 आने के बाद DOCTYPE से यह दर्शाया जाता हैं की ह html 5 हैं
  • <html> इसका मतलब की यह पृष्ठ HTML में हैं
  • <head> head मतलब सिर होता हैं सिर हमेशा शरीर के ऊपर रहता हैं यानि की html में हम वेब पेज की शुरुआत करते हैं तो head को सबसे ऊपर रखना पड़ता हैं इसमें हम मेटा टैग अन्य वेब पेज संबधी जानकारी देते हैं जो आगे बताऊंगा
  • <title> title का मतलब शीर्षक यानि की हमारा मुख्य टॉपिक
  • <body> में जो भी बाकी coding करेंगे शुरू से लेकर अंत तक वो हम body में करेगे
  • <h1> से <h6> फिर body के अन्दर हम लिखते हैं जैसे यहाँ पर h1 हैं इसका मतलब यह की heading को दिखाने के लिए html में हमें 6 टैग मिलते हैं सबसे बड़ा होता हैं h1 और सबसे छोटा h6 ऊपर उदाहरण में देख सकते हो
  • <p> p का सीधा मतलब हैं पेराग्राफ यहाँ हम जितना बड़ा जो कुछ लिखना चाहे लिख सकते हैं


आप इस तरह के कोड अपने notepad में लिखकर उसको सेव करे सेव करते समय आप जो भी नाम दो फाइल का उसके आगे .html लगाये और अगर आप हिंदी में लिख रहे हो तो text utf 8 सेलेक्ट करना हैं इस चित्र में दिया गया
अब जो ऊपर यह कोड लिखे हैं वो अपने ब्राउज़र में इस तरह दिखेंगे हैं

निचे दिया गया विडियो देखकर आप आसानी से सिख सकते हो

यह हमारा पहला लेसन हैं अगले लेसन में काफी चीजो को कवर करेंगे और head body p html link और भी कई चीजे अगले लेसन में लेंगे
आशा करना हु आपको पसंद आया मिलते हैं अगले lesson में

2 comments:

  1. ye to basic hua magar aakarshak banana ho to kya karenge

    ReplyDelete
    Replies
    1. Yh pahla post hai aaj second post publish ho jayega HTMl and css complete ho jane ke baad ham complete websites banayege

      Delete

हर सवाल का जवाब पाए यहाँ अपनी कमेंट करे
Please Type Your Comment here

Post Bottom Ad

Responsive Ads Here