तो इस वीडियो में हम लोग वेबसाइट बनाएंगे एचटीएमएल का उसे करके वह वेबसाइट होगी फ्रंट एंड रोड मैप के ऊपर की फ्रंट एंड सीखते टाइम हम लोग को क्या-क्या सीखना है जैसे क्या-क्या टेक्नोलॉजी हैं एचटीएमएल है कस जावा स्क्रिप्ट है और भी उसके अंदर क्या-क्या chijengi तो उसके ऊपर मैंने एक छोटी सी वेबसाइट बनाई है उसका डिज़ाइन यहां पे अगर हम लोग स्क्रीन पर आए हैं अपने देखेंगे फ्रंट एंड डेवलपमेंट ठीक है और फिर उसमें थोड़ा सा कंटेंट लिखा है और फिर ये है पूरा वेबसाइट का डिजाइन ठीक एक पीएनजी है अगर हम लोग देखें तो यह पीएनजी है तो एक इमेज है हम लोग को कन्वर्ट करके वेबसाइट में बनाना है तो यह पूरा डिजाइनर वेबसाइट का ऊपर से नीचे तक डेस्कटॉप में हमारी वेबसाइट कुछ ऐसी दिखेगी और फिर मोबाइल यह मोबाइल डिज़ाइन मोबाइल में कुछ ऐसी दिखेगी मोबाइल हमारी वेबसाइट और फिर अगर हम लोग टैबलेट में देखेंगे तो ऐसी दिखेगी हमारी वेबसाइट ठीक तो ये तीन डिजाइंस हैं हम लोग को एक ही एक ही कोड लिखना है ऐसा कोड लिखना है की तीनों जगह पे एक अच्छे से दिखे तो वो लोग वो हम लोग सीखेंगे कैसे करते हैं और हम लोग यह बनाते बनाते हम लोग अब सीखेंगे कैसे यह लिंक्स लगाते हैं जैसे की लिंक है इस पर क्लिक करें यह एचटीएमएल का उसे करके जो वेबसाइट बनी थी पहली वेबसाइट यह ऐसी कुछ दिखती है यहां पर आप जाकर देखेंगे तो यह वेबसाइट एक इसमें कुछ भी आप खोल कर देख सकते हैं इसका लिंक मैं डिस्क्रिप्शन में दे दूंगा और ये अमेरिका के यूनिवर्सिटी के एक काफी फेमस प्रोफेसर हैं काफी नॉलेज एक कंप्यूटर साइंस के प्रोफेसर हैं उनकी वेबसाइट है यानी की उनका पोर्टफोलियो है तो यह उनका पोर्टफोलियो है और ये एक डार्ट माउथ यूनिवर्सिटी के प्रोफेसर है उनका पोर्टफोलियो है और यह ऐसा नहीं है की उन्होंने बना के छोड़ दिया इन्होंने अपडेट किया है इसको 2022 में इन्होंने अपडेट किया था और फिर उन्होंने जनवरी में किया था फिर जून में भी किया है यानी की इस वेबसाइट को लगातार अपडेट कर रहे हैं मतलब यह इनका एक्चुअल पोर्टफोलियो है जो की यह लोगों के साथ शेयर भी करते हैं तो अगर इनकी वेबसाइट उनकी ऐसी वेबसाइट है तो मैं इन सभी प्रोफेसर की वेबसाइट को भी मैं लिंक में दे दूंगा तो हम लोग वेबसाइट ऐसी हो सकती हैं इस मतलब केवल एचटीएमएल का उसे करके वेबसाइट बनाएंगे तो उसको खराब नहीं माना जाता अच्छी होती है ठीक तो इस सभी सभी का लिंक मैं डिस्क्रिप्शन में दे दूंगा अगर आप चाहे तो आप भी चेक कर सकते हैं जाके तो अभी के लिए हम लोग इसको क्लोज कर देते हैं और हम लोग अपना वेब डेवलपमेंट वाला फोल्डर ओपन करेंगे फ्रंट यहां पर मैंने थोड़ा सा फोल्डर का स्ट्रक्चर चेंज कर दिया है क्योंकि बहुत ज्यादा वीडियो हो रही थी और आप आप लोगों ने जो लास्ट वीडियो लास्ट फोल्डर जहां पर भी क्रिएट किया था उधर ही क्रिएट करके आप स्टार्ट कर सकते हैं तो हमें हम लोग यहां पर फ्रंट एंड रोड मैप फोल्डर क्रिएट कर लेंगे इसको ओपन करेंगे यहां पर हम लोग index.html फाइल बना लेंगे अगर आपको जानना है की index.html ही क्यों फाइल का नाम रखते हैं जो हमारी में फाइल होती है तो उसके ऊपर मैंने एक वीडियो बनाया उसका लिंक मैं डिस्क्रिप्शन में दे दूंगा अगर आप चाहते हैं तो इस वीडियो को चेक आउट कर सकते हैं लेकिन अभी देखने की जरूरत नहीं है अभी आप यह वीडियो कंटिन्यू करें मैं लास्ट में आपको याद दिला दूंगा आप उसको जाके देख सकते हैं की एचटीएमएल जो मैं हमारी में एचटीएमएल फाइल होती है उसका नाम इंडेक्स और एचटीएमएल ही क्यों रखते हैं हम लोग फाइल क्रिएट करेंगे हमारा बॉयलर प्लेट कोड ए जाएगा पूरा फिर यहां पर इसका टाइटल दे देंगे फ्रंट रोड मैप तो हमारा बॉयलर प्लेट को रेडी है अब हम लोग को एक्चुअल गोल्ड लिखना है तो हम लोग कैसे करेंगे हम लोग डिज़ाइन देखेंगे कहां पर डिज़ाइन डिज़ाइन देखेंगे फिर कोड करेंगे डिजाइन देखेंगे फिर कोड करेंगे और अगर हम लोग यहां पर डिज़ाइन वाले फोल्डर में जाएं कहां गया डिज़ाइन वाला फोल्डर ये है डिज़ाइन वाले फोल्डर में जाएंगे तो वेब डिजाइंस फ्रंट एंड रोड मैप यहां पर 3 इमेजेस तो डिजाइंस में यहां पर 3:00 बजे तो यह सारी तीनों इमेजेस तो इसको हम लोग सीधा अपने फोल्डर में कॉपी कर लेते हैं क्योंकि हम लोग को जरूरत पड़ेगी तो इसको मैंने कर लिया कॉपी कॉपी फोल्डर कर देना तो यह सारी मुझे हमारे फोल्डर में ए गई यहां पर अगर हम लोग देखेंगे तो एक कंटेंट फाइल है अगर इसको हम लोग ओपन करेंगे तो यह नोटपैड में ओपन कर सकते हैं तो यहां पर जो भी वेबसाइट डेवलपमेंट है और फिर यह फ्रंट डेवलपमेंट हान तो यह कॉन्टैक्ट हो गया हमारा चलो खोल के रख लेते हैं क्योंकि मोबाइल और तब में देखने के लिए भी जरूरत पद सकती है फ्यूचर में तो हमारा यह डिज़ाइन ठीक हम लोग अब स्टार्ट करते हैं तो यह जो पहली हेडिंग है देखने में लग रही है की एक हेडिंग है तो हम लोगों ने लास्ट वीडियो में देखा था h1h2 यहां पर h1 उसे करेंगे क्योंकि यह में हैडिंग है उसमें एक ह वैन होना जरूरी होता है ताकि पता चले इस पेज में कोई में कॉन्ट्रैक्ट है जिसकी हेडिंग यह कोई कॉन्टैक्ट है जिसकी हम लोग को लिखना है तो लिखेंगे नहीं हम लोग यहां से सीधा कॉपी कर लेंगे थोड़ा सा खुल के ए गया फिर उसके नीचे अगर हम लोग देखेंगे तो एक लाइन है तो अब इस लाइन को कैसे ड्रॉ करें हम लोग तो हम लोग एक कम तो यह कर सकता हूं की अभी आपको बता डन की यह वाला टैग उसे करो और वो लेने ए जाएगी लेकिन मैं ऐसा नहीं करूंगा आप लोग खुद से ट्राई करें गूगल पर सर्च करें हो तू ड्रा हॉरिजॉन्टल लाइन ऑन यूजिंग एचटीएमएल हो तू ड्रॉ करके देखें होता है की नहीं मैं वेट करूंगा आपका आप कर लीजिए फिर वीडियो को स्टार्ट करिए फिर मैं आपको दिखाता हूं कैसे करते हैं चलो चलो हो गया होगा अभी तो मैं इसलिए बता रहा हूं ताकि आपको जब आप जब भी कोई डिज़ाइन डिवेलप करें और कोई नई चीज है तो आपको सर्च करना आना चाहिए क्योंकि मैं हर एक चीज नहीं बता दूंगा एचटीएमएल बहुत बड़ा है ठीक एचटीएमएल कस जावा स्क्रिप्ट बहुत बढ़िया है उसमें से केवल मैं इस एसेंशियल चीज बताऊंगा जो भी इंपॉर्टेंट चीज बस वही बताऊंगा हर चीज नहीं बताऊंगा तो आपको खुद की हैबिट डिवेलप करना है की गूगल पे कैसे सर्च करते हैं तो जैसे अभी यहां पर हम लोगों ने एनकाउंटर किया हॉरिजॉन्टल लाइन तो हम लोग यहां पर सर्च करेंगे इसको थोड़ा सा पढ़ भी सकते हो लेकिन मैं कॉपी करके सीधा पेस्ट कर देता हूं हमारा जो आउटपुट है उसमें क्या है यह देखो हॉरिजॉन्टल लाइन क्रिएट हो गई बस केवल चार टैग डालना था इसको मैं अगर हटता हूं तो है जाएगी गले के आता हूं तो ए जाएगी तो हॉरिजॉन्टल लाइन लाने के लिए हम लोग को अचार टैग उसे करना होता है तो अगर केवल एचटीएमएल का उसे करके करना है तो हम लोग बहुत तरीके होते हैं जिससे हम लोग एक हॉरिजॉन्टल लाइन बना सकते हैं तो हो तू ड्रा डॉ व लाइन इन एचटीएमएल तो उसके बाद हो तू ड्रा लाइन तो भी यह हॉरिजॉन्टल टैग वाला ए गया रिजल्ट ठीक तो आपको बस केवल सर्च करना है कुछ भी सर्च करना है जो भी आपके मैन में आता है वह सर्च करना है जैसे की अगर आपके पास कोई आपसे सीनियर हो तो आप उससे पूछ सकते द की हॉरिजॉन्टल लाइन कैसे ड्रॉ करें या लाइन कैसे ड्रॉ करें एचटीएमएल में वो आपको बताया इस केस में आपका जो सीनियर है वो गूगल है गूगल को सब कुछ पता है बस आपको गूगल पे टाइप करके सर्च करना है और वो रिजल्ट ए जाएगा तो हमारा हो गया इतना तो है तो अगर हम लोग एक चीज नोटिस करें तो हम यह जो डिज़ाइन में फॉन्ट है वह कुछ अलग है और हम लोग का फॉन्ट थोड़ा सा डिफरेंट है ठीक तो यह मैं अभी खुद ही बता देता हूं क्योंकि इसमें थोड़ा सा कस मैंने उसे किया है तो इसका जो फैमिली होती है जो एचटीएमएल डिफॉल्ट फॉन्ट फैमिली होती है वह शरीफ तुम्हें याद करने की कोई जरूरत नहीं है लेकिन हम लोग इसको चेंज करके कर देंगे स्टाइल हमें लिखना है फॉन्ट फैमिली लिखना है इसको कर देना सेंस सेंस शरीफ मैंने यह सजेशन नहीं ए रहा था तो कंट्रोल स्पेस ढाबा दोगे तो सजेशन आता है तो यह तो मेरा फॉन्ट वैसे दिखने लगा जैसे यहां पे था तो यहां पर तुम्हें याद नहीं करना की इसको कैसे लिखेंगे कैसे क्या करेंगे स्टाइल इस इक्वल तू कहां पर कॉलर लगाना है कहां पर सेमी कोलन लगाना है कहां पे डबल कोट्स लगाना है ये सब कुछ नहीं याद करना तुम्हें बस जैसे मैं वीडियो में लिख रहा हूं ऐसा लिख दो आगे हम लोग कस सीखेंगे तो यह सब अपने आप याद हो जाएगा इतनी बार उसे कर लेंगे हम लोग तो फैमिली होती है शरीफ अगर मैं इसको शरीफ कर डन हम लोग का ऐसा हो जाएगा तो इसमें क्या होता है उसमें कुछ नहीं होता एकदम से एकदम से एंड हो जाता है तो यह हो गया हमारा फॉन्ट उसे तरह से दिखने लगा जैसे यहां पे था एक तो इतना तो बन गया अब नेक्स्ट हम हम लोग को बनाना है तो नेक्स्ट बहुत सारा कंटेंट है इसमें और इसमें लिंक्स भी हैं तो पहले हम लोग कंटेंट सारा लिख लेते हैं ठीक तो हम लोग क्या करेंगे यहां पर हॉरिजॉन्टल हॉरिजॉन्टल रूल इसको बोल सकते हैं हॉरिजॉन्टल हर टैग बोल दो सबसे सही है हॉरिजॉन्टल रूल भी बहुत लोग बोलते हैं तो यहां पर नेक्स्ट जो है वह पैराग्राफ कंटेंट है इतना ही कंटेंट है मैंने पूरा कॉपी कर लिया यहां पर आकर पेस्ट कर दिया मैंने यह बहुत लंबा सा जा रहा है तो लंबा है इसको हम लोग चाहे तो मल्टीपल लाइंस में कर सकते हैं यहां से मैंने मल्टीपल लाइन में कर दिया ताकि थोड़ा सा स्क्रॉल ना करना पड़े तो बोल्ड कैसे बनाते हैं चीजों को तो वह भी सर्च करो गूगल मैं वेट कर रहा हूं ताकि आप लोग कर ले तो मैं सर्च करता हूं अब पॉज करके वीडियो कर लिया होगा अब मैं स्टार्ट करने जा रहा हूं हो तू मेक टेक्स्ट बोर्ड उसे करके इसको बोल्ड बना देते हैं तो हम लोग को बोल्ड टैग उसे करना है तो इधर लिखो बोल और इसका जो एंड है क्लोजिंग टैग है इसको इधर लिख दो अगर यहां पर रख रहा हूं तो यह लाइट हो जा रहा है मैं यहां पर रखूंगा तो इसका ओपनिंग हाईलाइट हो जाएगा इससे पता चलता है यहां से यहां तक फैला हुआ है मतलब उसके अंदर कंटेंट जो है तो यह हो गया हमारा गोल्ड करते हैं तो अगर नेक्स्ट कहीं अगर इटली का टेक्स्ट इटैलिक मतलब तिरछा तिरछा जो टेक्स्ट होता है इसे यहां पर यहां पर आपको खुद ही सर्च करके करना है लिंक ऐसा लिंक है जो की किसी यूआरएल पर लेकर जा रहा है ठीक तो इसका लिंक हम लोग कैसे क्रिएट करें अब इसमें हम लोग को पता भी नहीं क्या लिंक देना है तो कोई भी लिंक दे दो चलेगा हम लोग क्या उसे करते हैं सर्च करो गूगल पर सर्च करो और सर्च करके तो लिंक क्रिएट करके दिखाओ मैं यह वाली लिंक दे देंगे इसको भी मैं यहां पर कंटेंट में दल दूंगा इधर में दल देता हूं ताकि तुम्हें गूगल पर सर्च ना करना तो मैं एक्सपेक्ट करता हूं की आप लोगों कर लिया होगा तो अभी मैं करके दिखाता हूं कैसे करते हैं अगर आपको मैन लो सही रिजल्ट ना मिला हो अगर आपने नहीं कर पाए तो गूगल खोलो हो तू क्रिएट लिंक इन एचटीएमएल हो तू क्रिएट लिंक इन एचटीएमएल तो देखो एचटीएमएल लिंक्स तो देखो यह एंकर टैग उसे करते हैं तो तुम्हें बहुत ज्यादा पढ़ने की जरूरत नहीं है यहां पर अच्छा भी दर किधर कहां पर पेस्ट करें उसके पहले थोड़ा समझ लेते हैं यहां पर आप खुद ही ट्राई कर सकते हैं है और हम लोग अपने कोर्ट में पेस्ट कर देते हैं हम लोग को यहां डालना है तो फिर से मैं इंटर ढाबा कर इसको इधर ला सकता हूं तो मैं चाहूं इधर इंटर ढाबा डन इधर ए जाए ताकि हम लोग को बार-बार स्क्रॉल ना करना पड़े तो हम लोग चाहे तो हम बार-बार ऐसे इंटर करके न्यू लाइन में ला सकते हैं ताकि हम लोग को देखिए लेकिन उसके लिए एक्सटेंशन है उसका नाम है यह एक्सटेंशन पर जाओ इंस्टॉल क्लिक करो और फिर राइट क्लिक करो फॉर्मेट डॉक्यूमेंट करो ठीक करोगे यहां पर कर देता हूं लंबी लाइन हो गई इधर कॉल करके ए रहा है राइट क्लिक करूंगा फॉर्मेट डॉक्यूमेंट करूंगा यह ऑटोमेटिक उतना यह न्यू लाइन में कर देगा और फिर मैं चाहूं तो शॉर्टकट उसे कर लूणकरण शिफ्ट ऑटोमेटिक हम लोग जैसे से करेंगे वह फॉर्मेट हो जाएगा लेकिन मैं अभी के लिए वह नहीं करूंगा मैं यह वाला शॉर्टकट उसे करूंगा यमलोक का इतना बन गया अभी हम लोग आकर देखेंगे तो क्या दिख रहा है हम लोग को यह नहीं करना है हम लोग को यहां पर w3s.com की जगह एक बार मेरा यह सर्वर स्टॉप हो गया स्टार्ट करना पड़ेगा तो यह ए गया ग्राफिकल यूजर इंटरफेस लेकिन अगर यहां पर क्लिक करेंगे ये वाला ग्राफिकल यूजर इंटरफेस कॉपी करके यहां से पेस्ट कर देंगे ओपन करवा सकते हैं यह अंडरस्कोर ब्लैक अगर दल देंगे तो क्या होगा यहां पर अगर क्लिक करेंगे तो न्यू टाइप में तो मेंशन नहीं है की न्यू टाइप में खोलना है तो यह हम लोग अपने मैन से कर रहे हैं समझ लो सीखने के लिए की कैसे न्यू टाइप में khulvaenge कैसे सेंटर में अगर से टाइम में खुलवाना है तो इसको हटा देना है अगर न्यू टाइम में खुलवाना है तो टारगेट ब्लाइंड दे देना उसको हटा दिया अब सेंटर में खुल रहा है तो डिज़ाइन में इसके बारे में इनफॉरमेशन नहीं है लेकिन हम लोग खुद से ही क्रिएट कर रहे हैं तो यह हो गया इधर नीचे एचटीएमएल का मैंने लिंक लगा दिया चलो मैं भी दे देता हूं यहां पर मैंने कैसे किया यहां पर एडल्ट के साथ अगर मैं आल्ट प्रेस करके रखूं आल्ट के साथ में अगर क्लिक करूंगा तो यहां पर यह सारा ए जाएगा अर्थ के साथ क्लिक करो बन जाएगा सर ब्लू है इधर आकर देखेंगे तो सारा वायलेट है तो ऐसा क्यों है तो क्या होता है जो हम लोग अपने ब्राउज़र में कोई भी लिंक ओपन कर लेते हैं जिससे अभी मैंने यहां पर इसको ओपन कर लिया तो यह वायलेट हो जाएगा अगर मैं इसको आकर रीलोड करूंगा इनकॉग्निटो में हो ही नहीं क्योंकि इनकॉग्निटो में हिस्ट्री नहीं बनती है और हम लोग हिस्ट्री देखेंगे तो हिस्ट्री नहीं रहेगी यहां पे और यहां पर हिस्ट्री हिस्ट्री का ऑप्शन भी नहीं आएगा तो इनकॉग्निटो में तो नहीं होगा मुझे लगा था हो जाएगा तो दूसरा ही स्पेस खोल लेते हैं गेस्ट वाला खोल ने इसको क्लोज करो यहां पर गेस्ट मोड खोल लेते हैं पेंटर करेंगे इस लिंक पर जाएंगे फिर पीछे आएंगे इसमें भी नहीं हो रहा है नहीं होगा तो मैं छोड़ दूंगा खोल रखा था तो मैं क्या करूं यह तो यहां पर अभी सारा ब्लू है जैसे हमारे डिज़ाइन में ब्लू था यह ब्लू है अगर मैं इसको एक बार खोल देता हूं तो यह वॉलेट हो जाएगा मुझे समझ नहीं ए रहा कौन सा कलर है उसे कलर का हो जाता है इसको भी मैं खोल लूंगा तो यह भी हो जाएगा और अगर आप लोग नोटिस करेंगे तो क्लिक करते टाइम अगर मैं इसको क्लिक करके रखा हूं तो इसका कलर होता है अगर क्लिक कर देते हैं और उसे लिंक पर पहुंच जाता है तो इसका कलर इतना पार्ट तो बन गया हमारी इमेज बन गई लेकिन इमेज बहुत बड़ी है लास्ट टाइम की तरह जैसे हम लोगों ने लास्ट वीडियो में देखा था बहुत बड़ी इमेज ए रही थी तो उसको कंट्रोल करने के लिए हम लोग बैठते हैं स्टाइल करके देंगे स्टाइल 200 परसेंट एंड मैक्सवेल इक्वल तू 6 इससे क्या होगा हम लोग का जो हम लोगों ने यह दिया एक ही लाइन मतलब एक ही बार में मुझे दिख रहा है सारा कॉन्टैक्ट तो यह जो हम लोगों ने लिखा तो अभी बहुत ज्यादा समय नहीं की जरूरत नहीं है बस इतना लिख तो बस ये समझ लो मैक्सवेल यानी की इसकी विथ 600 पिक्सल से बड़ी नहीं होनी चाहिए तो अगर हम लोग खोल कर देखें इसको यहां पर कहां गया दिखाई देते हैं नॉर्मली हाइट नहीं देना चाहिए तो यहां पर भी हम लोग देख सकते हैं वह हाइट ऑटोमेटेकली उसकी घाट जाएगी उसी के एस्पेक्ट रेश्यो में अपने आप श्रिंक हो जाती है अगर हाइट भी दे देंगे तो हमारी इमेज ऐसे लंबी हो जाएगी अभी मैं दिखा देता हूं देखिए यहां पर अगर हाइट अगर हम लोग दे दें हाइट दे देते हैं 500 पिक्सल तो लंबी सी हो जाएगी स्ट्रेस हो जाएगी इमेज तो हम लोग को हाइट नहीं देनी है हम लोग को केवल साइड में इमेजिंग मैक्स सेट कर दिया और फिर हंड्रेड परसेंट दे दिया है की अगर छोटा अगर करेंगे तो हम लोग की डिवाइस कम हो जाएगी तो फिर यह इसके 100% रहेगा तो बहुत ज्यादा बड़ा भी नहीं लग रहा है ठीक लग रहा है इधर से इधर तक पूरा किनारे से किनारे तक पूरा कवर होकर तो इसीलिए हम लोगों ने ताकि मोबाइल में ऑटोमेटिक यह हो गया अपने डिज़ाइन में देखें तो लगभग इतना डिज़ाइन हो गया यहां तक अगर आगे बढ़ेंगे तो यह है कुछ बुलेट पॉइंट्स 123 बुलेट पॉइंट्स फिर उसके अंदर भी 123 करके तो यह खुद करेंगे और फिर इसमें रिजल्ट आएगा मैं वेट कर रहा हूं आपका ठीक तो मैं उम्मीद करता हूं की आप लोगों ने बना लिया होगा अगर बन गया है तो थोड़ा सा भी आप लोग का अगर वीडियो बन गया तो थोड़ा सा स्किप कर सकते हैं इस वीडियो को नहीं तो आप देखिए मैं भी सर्च करके बनाने जा रहा हूं एक तो कोई भी नया चीज आता है आपको बस गूगल करना है याद कुछ नहीं करना गूगल करना ठीक तो हो तू मेक बुलेट पॉइंट्स इन एचटीएमएल ऑटोमेटेकली सब कुछ गूगल पर अवेलेबल है देखो यह ओपन करेंगे तो यह ए गया हम लोग को कुछ ऐसा कोड लिखना है तो एक बार समझ लेते हैं क्या इसको बोलते हैं तो हम लोग उसके अंदर लिखते हैं मैंने पेश कर दिया अब देखो थोड़ा सा स्पेसिंग यह इधर एकदम साइड में चला गया ऑटोमेटिक एलाइनमेंट इसका फिक्स हो जाएगा लिस्ट बन गई पुरी लाइन कॉपी हो जाती है ऐसे करके तो यह देखो इतना हो गया है तो मैं फाटक से इसको बोल्ड बना देता हूं सर्च करना नहीं है हो तू मेक अब तिरछा की इंग्लिश लिखनी पड़ेगी गूगल को तो पता नहीं समझ आया की नहीं टेक्स्ट फॉर्मेटिंग अगर आपको स्लेंट नहीं पता है लोग को उसे करना है इटली बनाने के लिए उसे करना है अब किधर है हमारा इटली बन गया इटली के लिए तुम्हारी इमेज इस नेक्स्ट वाले बुलेट पॉइंट से पहले है तो हम लोग इमेज दल देते हैं रोड मैप स्मॉल कर दो कोई मैटर नहीं करता स्मॉल कैपिटल और यहां पर इमेज में आकर पेस्ट कर दो पेस्ट कर दिया तो अगर आप लोग नोटिस करेंगे तो यहां पर डिज़ाइन में हमारे तो काफी गैप है इस इमेज के ऊपर मतलब इसके एंड में थोड़ा सा तुम बी आर टाइप दे सकते हो की नहीं इतना कुछ भी नहीं देते हैं तो कुछ भी नहीं देते हैं तो उधर चढ़ जा रहा है अभी मैंने डुप्लीकेट कैसे किया इसको मेरा कार्जर इधर है डुप्लीकेट करता जाऊंगा जहां-जहां भी मैं शॉर्टकट्स उसे करूंगा मैं उसको बोलता जाऊंगा ताकि आप लोग को याद ना करना पड़े कुछ भी याद करने की अगर कोशिश करोगे तो याद तो होता नहीं है एक बार में और याद नहीं होगा तो ओवरहाल हो जाओगे तुम्हें क्यों याद नहीं हो रहा है सब लोग को कैसे याद हो जा रहा है जिससे की मुझे कैसे याद है तो क्योंकि मैं 2 साल से ही कर रहा हूं मैं बार-बार उसे कर रहा हूं इसलिए मुझे याद हो गया है धीरे-धीरे है तो यह मेरे उसमें स्पेस हो गया इतना तो यह चीज हो गया यहां तक उसके अंदर ही देखो इस पॉइंट पर जाने से पहले ही मुझे एक और कुछ भी लिस्ट नंबर लिस्ट मेरे पास अभी तक क्या थी बिना नंबर के बुलेट पॉइंट्स द तो नंबर लिस्ट है तो यह तुम भी खुद तुम एक बार ट्राई करो खुद से गूगल करने का नंबर लिस्ट कैसे क्रिएट करते हैं और उसको तुम करो इतना कर लो वीडियो पॉज करके फिर उसके बाद में कंटिन्यू करता हूं चलो मैं सर्च करके दिखाता हूं कैसे नंबर लिस्ट क्रिएट करते हैं तो हो तू क्रिएट और फिर यह हम लोग इमेज के बाद टेस्ट कर देंगे इसी के अंदर क्योंकि हम लोग को इधर ही चाहिए मैंने तो अब अगर हम लोग आकर देखेंगे इसमें इसको क्लोज कर देते हैं ठीक वीडियो को फास्ट कर सकते हो तुम यहां पर सो जाएगा बिहार देखे लेकिन अगर हम लोग चाहे तो हम लोग पैराग्राफ उसे करेंगे तो भी स्पेस हो जाएगा तो इस लाइन के बीच में स्पेस है क्योंकि पैराग्राफ सीखेंगे तो अच्छे से सीखेंगे लेकिन अगर हम लोग यहां पर जो पैराग्राफ तो लाइव पर मार्जिन कुछ नहीं एमपी तो इसीलिए इनके बीच में गैप नहीं होता है और इसके ऊपर नीचे ऑटोमेटिक गैप ए जाता है तो हम लोग इससे अच्छा पिता उसे कर लेते हैं इसके अंदर चाहिए इसके अंदर हम लोग अगर पी टाइप दल देंगे तो ऑटोमेटिक स्पेस क्रिएट हो जाएगा इसके ऊपर नीचे थोड़ा थोड़ा मार्जिन चाहिए मार्जिन हो गया तो 123 गायब हो गया तो यहां पर हम लोग को उसे करना है तो उसे सभी को नंबर प्रोवाइड कर देता है और इसका फायदा यह होता है की अगर हम लोग इसका ऑर्डर भी चेंज कर दें जिससे यह मैं टैलेंट को सबसे ऊपर लेके जाता हूं तो यह देखो यह ऑटोमेटिक इसकी नंबरिंग उसके आगे तो हम लोग खुद से 123 नहीं लिखते हैं और खुद से 123 लिखेंगे तो उसमें क्या प्रॉब्लम पर ले जाएंगे तो सबका ऑर्डर चेंज हो जाएगा मतलब जो बन जाएगा है तो यह हो जाएगा एबीसीडी बन गया टाइप प्रॉपर्टी नहीं पता अभी तुमने इस वीडियो में देखा लेकिन जब तुम उसे करने गए एक दो महीने बाद तो तुम भूल गए तो मैं बस इतना याद है की तुम हान इसको चेंज करके एबीसीडी कर सकते हो ठीक तो तुम्हें यह सर्च करना है हो तू हो तू मेक नंबर लिस्ट एस एबीसीडी एबीसीडी करना है अच्छा तो मैं इन एचटीएमएल लिख दो इन एचटीएमएल नहीं तो किसी और का भी रिजल्ट दिखाएगी फिर यहां पर यह ट्यूटोरियल पॉइंट का ए गया आंसर कृपया टाइप इसे इक्वल तू अगर मैं स्मॉल अटरीब्यूट होता है स्टार्ट अगर मैं स्टार्ट कर डन 5 तो 5 से स्टार्ट होगा यह इसे स्टार्ट अब फिर नेक्स्ट है यह जावास्क्रिप्ट इसको मैं पासवर्ड करके कर देता हूं आप लोग भी खुद ही कर लेना क्योंकि इसमें ज्यादा कुछ है नहीं से है और ये इमेज भी लगा लेना ठीक फिर यहां पर ए जाएंगे तो चलिए यह लगा देना तो यह से एक्जेक्टली तो यह भी वीडियो पॉज कर लो और खुद कर लो मैं भी यह कर देता हूं जल्दी से तो हमारी साइट लगभग बन चुकी है और इसमें मैं कर दूंगा टाइप एबीसीडी तो अब हमें बस केवल यह वाली लाइन ऐड करनी है ऑल कॉपीराइट रिज़र्व तो हम लोग का यह पूरा हो गया यू एल यहां पर कॉन्टैक्ट इधर से उठा लेते हैं ऑल कॉपीराइट्स रिजल्ट कॉपी करके थोड़ा सा कस मुझे लिखना पड़ेगा तुम्हें याद कुछ नहीं करना बस लिख दो कहां है कैसे हम लोग अच्छे से पढ़ेंगे कैसे करते हैं तो यह कॉपीराइट का सिंबल है कॉपी करके सीधा यहां पर जैसे तुम्हें लिखना है मल्टीप्लिकेशन का सिंबल लगाना ठीक से 2 मल्टीप्लाई टाइम्स टाइम्स यह कर देंगे तो परफेक्ट मल्टीप्लाई का सिंबल या क्रॉस का सिंबल बांके ए जाता है अगर तुम्हें और भी एचटीएमएल एंटिटीज के बारे में जानना है तो तुम बस यहां पर सर्च करो ग्रेटर धन का सिंबल लगाना है तो इसको लिख लो यहां पर अगर 8:00 के बाद आकर तो कहां गया यह नहीं इसको बाहर निकल लेते हैं हमारे कीबोर्ड में उससे लिख सकते हैं तो कुछ दूसरा देखते हैं यहां पर जो की यूजफुल है जिससे की यह देखो डॉलर का सिंबल है इसको उसे करके लिख सकते हैं अच्छा डॉलर का सिंबल तो कीबोर्ड पर उत्तर सिंपली उसको हम लोग लिख सकते हैं ए गया और भी कुछ तो यहां पर थोड़ा सा देख सकते हैं इसका हान चलो मैं दिखा देता हूं जिससे हमारे फ्रंट डेवलपमेंट है ठीक अगर इसको मैं इतने छोटे डिवाइस में लेकर जाऊंगा तो यह न्यू लाइन में ए गया तो यह हो गया ब्रेकिंग स्पेस अगर मैं यहां से स्पेस हटा डन ठीक यहां से हटा देते तो कोई स्पेस नहीं है तो यह ब्रेक नहीं होगा तो ब्रेक नहीं होगा तो क्या होगा देखो यहां पर यह हमारा इतनी है कितनी यहां तक है उससे कम नहीं हो सकती अगर उससे कम करोगे तो तुम्हारा स्क्रोलबर आएगा और वह फिर उतना कॉल ऑटोमेटिक ब्रेक नहीं होगा देखो इधर से न्यू लाइन में नहीं गया इधर से ही यदि कोई स्क्रॉल शुरू हो गया हम लोग उसे करेंगे अभी तो जरूरत नहीं है तो अभी के लिए इसको इग्नोर करो तो यह हो गई एचटीएमएल एंटिटीज का उसे करके कैसे हम लोग टाइम्स यानी की क्रॉस यानी की मल्टीप्लाई तो अब हम लोग इस लाइन को हटा देते हैं और हमारी साइट बनकर रेडी हंड्रेड परसेंट देखो चलो मैच करते हैं हमारा डिज़ाइन जो था इसको अगर मैं जमीन करूं कितना और फिर अपनी वेबसाइट को देखते हैं तो यह देखो हमारा था डिज़ाइन हमारा डिज़ाइन देखो एकदम ऐसे बन गई जिसमें सब कुछ बना होगा की कैसे तुम्हारी वेबसाइट देखनी चाहिए और तुम्हें उसके हिसाब से बनाना है तो हम लोगों ने डेस्कटॉप के लिए तो बना लिया है मोबाइल के लिए क्या करेंगे कुछ नहीं करना क्योंकि हम लोगों ने केवल एचटीएमएल उसे किया है यह लगभग टैबलेट स्क्रीन है यह 800 के करीब टैबलेट होता है तो यह लगभग टैबलेट वाली स्क्रीन है तो टैबलेट में एकदम अच्छे से दिख रहा है टैबलेट में कुछ ऐसा दिखेगा ठीक तो टैबलेट में भी अच्छा दिख रहा है तो हम लोग यहां से खोलते हैं है और यह डिज़ाइन तुम कंपेयर कर लेना और यह मोबाइल में खोल लेते हैं मोबाइल में एक बार बनाया और हरेक स्क्रीन में दिख रही है ऐसा क्यों हुआ क्योंकि हम लोगों ने केवल एचटीएमएल उसे किया जितना उसकी एक्चुअल रेजोल्यूशन होता है और फिर उसकी मैक्सिमम जिस डिवाइस में खोलेंगे हम लोग का अच्छा ही दिखेगा डिज़ाइन हम लोग अगर चाहे तो इसको डिप्ली कर सकते हैं और हम लोग इसको रख सकते हैं ताकि हम लोग जो वेब डेवलपमेंट