HTML क्या है?

एचटीएमएल हाइपरटेक्स्ट मार्कअप लैंग्वेज का संक्षिप्त रूप है। मुझे पता है कि यह एक कौर है लेकिन मूल रूप से, हम अपने वेब पेजों की संरचना या बिल्डिंग ब्लॉक्स को परिभाषित करने के लिए HTML का उपयोग करते हैं।

सीएसएस क्या है?

सीएसएस कैस्केडिंग स्टाइल शीट्स का संक्षिप्त रूप है। हम इसका उपयोग वेब पेजों को स्टाइल करने और उन्हें सुंदर बनाने के लिए करते हैं।

जावास्क्रिप्ट क्या है?

जावास्क्रिप्ट का उपयोग वेब पेजों में कार्यक्षमता जोड़ने के लिए किया जाता है। मैं आपको एक सादृश्य देता हूं।

एक इमारत के बारे में सोचें।

वास्तविक दुनिया में एक इमारत इंटरनेट पर एक वेब पेज की तरह है। इसमें एक कंकाल या संरचना है - इमारत का ढांचा और नींव (एचटीएमएल)।

इसमें सुंदर दीवारें, खिड़कियां और टाइलें भी हो सकती हैं जो इसे खत्म करती हैं और इसे अच्छा बनाती हैं (सीएसएस)।

और इसकी कुछ निश्चित कार्यक्षमता हो सकती है, जैसे घर, अस्पताल, या सुपरमार्केट (जावास्क्रिप्ट)।

उदाहरण के लिए, जब हम लिफ्ट का बटन दबाते हैं, तो वह हमें लेने आती है। जावास्क्रिप्ट इसे हमारे सादृश्य में सक्षम करेगा।

एक वास्तविक उदाहरण

यहां एक वास्तविक उदाहरण है। मान लीजिए कि आप ट्विटर जैसी एक वेबसाइट बनाना चाहते हैं। प्रोफ़ाइल के लिए, आप इस तरह का लेआउट चाहते हैं:

सबसे पहले, हम इस लेआउट के बिल्डिंग ब्लॉक्स को परिभाषित करने के लिए HTML का उपयोग करते हैं। यहाँ ये बिल्डिंग ब्लॉक्स क्या हैं?

1. एक छवि।
2. कुछ पाठ उपयोगकर्ता के ट्विटर हैंडल को दर्शाता है (उदाहरण के लिए, @KarlgustaAnnoh)।
3. संदेश युक्त पाठ का एक और खंड (कहानियों के माध्यम से कोडिंग सिखाना...).
4. प्रोफ़ाइल, स्थान, लिंक और दिनांक को संपादित करने के लिए बटन/आइकन।
5. फ़ॉलोअर्स की संख्या।

हम इन बिल्डिंग ब्लॉक्स को अपने वेब पेज पर जोड़ने के लिए HTML का उपयोग करते हैं।

फिर, हम इसे दृश्य अपील देने के लिए सीएसएस का उपयोग करते हैं। उदाहरण के लिए, सीएसएस के साथ, हम टेक्स्ट को बोल्ड (नाम की तरह) बना सकते हैं, हम अपनी छवि को गोल बना सकते हैं। हम स्थान, लिंक और दिनांक आइकन का रंग भी बदल सकते हैं, और जब हम उन पर होवर करते हैं तो उनका स्वरूप परिभाषित कर सकते हैं।

तो, सीएसएस पूरी तरह से दृश्य प्रभावों के बारे में है। CSS से हम खूबसूरत एनिमेशन भी बना सकते हैं।

अब, आजकल अधिकांश वेब पेज इंटरैक्टिव हैं। वे क्लिक और स्क्रॉल जैसे हमारे कार्यों पर प्रतिक्रिया देते हैं। यहीं पर जावास्क्रिप्ट आती है। जावास्क्रिप्ट के साथ, हम अपने वेब पेजों में कार्यक्षमता या व्यवहार जोड़ सकते हैं। उदाहरण के लिए, हम किसी व्यक्ति का अनुसरण करने के लिए एक बटन पर क्लिक कर सकते हैं।

तो, जावास्क्रिप्ट एक प्रोग्रामिंग भाषा है, जबकि HTML (मार्कअप लैंग्वेज), और CSS (स्टाइलिंग लैंग्वेज) तकनीकी रूप से नहीं हैं। इसका मतलब यह है कि हम उनका उपयोग कंप्यूटर को यह बताने के लिए नहीं कर सकते कि क्या करना है। हम उनका उपयोग अपने वेब पेजों के बिल्डिंग ब्लॉक्स को परिभाषित करने और उन्हें स्टाइल करने के लिए करते हैं।

इंटरनेट पर आपने जो भी वेब पेज देखा है वह इन तीन भाषाओं से बना है। इसलिए, जितना बेहतर आप उन्हें और उनकी विशेषताओं को सीखेंगे और समझेंगे, उतना ही बेहतर आप फ्रंटएंड विकास में होंगे।

अगले पर मिलते हैं!

पी.एस. यह मेरी नई सीरीज है. यदि आप कोडिंग में नए हैं, और कोडिंग सीखने में कुछ मदद चाहते हैं, तो 2 घंटे वेब डेवलपर देखें।