HTML CSS वेब स्क्रिप्टिंग भाषा है जो इसका मूल आधार है वेब विकासHTML और CSS वेब एप्लिकेशन और वेब पेज बनाने का आधार बनते हैं। फ्रंट-एंड फ्रेमवर्क होने के नाते वे कई समानताएँ साझा करते हैं, हालाँकि, कुछ अंतर हैं जिनके बारे में आपको अवश्य पता होना चाहिए।

में एचटीएमएल हम यह निर्दिष्ट करने के लिए टैग और तत्वों का उपयोग करते हैं कि दिया गया शब्द या पैराग्राफ शीर्षक, पैराग्राफ, लिंक, अंत या शुरुआत है। सीएसएस हम यह दर्शा सकते हैं कि हमारा तत्व उपयोगकर्ताओं को कैसे दिखाया जाएगा, जैसे कि रंग, पाठ का रंग, फ़ॉन्ट प्रकार, पृष्ठभूमि चित्र, पृष्ठभूमि रंग, फ़ॉन्ट आकार, आदि।

HTML आपको वेब पेज की संरचना बनाने की सुविधा देता है जबकि CSS का उपयोग आपके वेब पेज में स्टाइल एलिमेंट डालने और उसे आकर्षक बनाने के लिए किया जाता है। इतना ही नहीं, हम इस लेख में इन दो स्क्रिप्टिंग भाषाओं के बारे में विस्तार से जानेंगे।

HTML क्या है?

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

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

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

सीएसएस या कैस्केडिंग स्टाइल शीट यह एक स्टाइल शीट भाषा भी है जिसका उपयोग HTML या XML में लिखे गए दस्तावेज़ों की प्रस्तुति और स्वरूपण का वर्णन करने के लिए किया जाता है। CSS का उपयोग यह परिभाषित करने के लिए किया जाता है कि वेब पेजों पर तत्वों को उपयोगकर्ताओं को कैसे प्रदर्शित किया जाना चाहिए।

यह मूल रूप से पृष्ठभूमि रंग, पाठ रंग, पाठ आकार, फ़ॉन्ट आकार, फ़ॉन्ट प्रकार और अन्य प्रभावों में अनुकूलन करके वेब पेजों के लेआउट के दृश्य परिणाम को बढ़ाता है। नीचे दिए गए CSS स्टाइलशीट का एक सरल उदाहरण देखें।

आप आसानी से किसी भी बढ़ा सकते हैं एचटीएमएल टैग जैसे पैराग्राफ (p), h1, h2, आदि, और पाठ सजावट, फ़ॉन्ट आकार, पाठ संरेखण, रंग जैसे अनुकूलन जोड़ें, पृष्ठभूमि का रंग, फुहारा परिवारऔर भी बहुत कुछ। इससे वेब पेज ज़्यादा जीवंत और एक समान दिखने में मदद मिलती है।

HTML दस्तावेज़ में CSS लागू करने के तीन तरीके हैं

• इनलाइन शैली: सभी CSS नियम HTML तत्व स्टाइल विशेषता के अंतर्गत संलग्न हैं।
• इनलाइन स्टाइल शीट: सभी CSS नियम HTML दस्तावेज़ के शीर्ष अनुभाग में निर्दिष्ट होते हैं, जो दस्तावेज़ के शीर्ष अनुभाग के भीतर संलग्न होते हैं।
• बाह्य स्टाइल शीट: CSS नियमों को एक अलग CSS फ़ाइल में संलग्न किया गया है और लिंक को HTML दस्तावेज़ में संलग्न किया गया है HTML दस्तावेज़ के शीर्ष अनुभाग में संलग्न टैग।

HTML CSS: मुख्य बातें

• HTML और CSS दोनों ही वेब विकास का हिस्सा हैं जिनका उपयोग अनुप्रयोगों और वेब पेजों को विकसित करने के लिए किया जाता है।
• HTML का उपयोग वेब पेज की संरचना और सामग्री को परिभाषित करने के लिए किया जाता है जबकि CSS का उपयोग वेब पेज की प्रस्तुति और लेआउट को परिभाषित करने के लिए किया जाता है।
• HTML विभिन्न तत्वों को परिभाषित करने के लिए टैग का उपयोग करता है और CSS तत्वों की संरचना को परिभाषित करने के लिए विभिन्न गुणों और विशेषताओं का उपयोग करता है।

HTML की विशेषताएं

आइये नीचे HTML की कुछ प्रमुख विशेषताओं के बारे में जानते हैं।

• HTML का उपयोग टैग का उपयोग करके किसी वेब पेज या एप्लिकेशन की संरचना का वर्णन करने के लिए किया जाता है। इसमें 100 से अधिक टैग होते हैं जिनका उपयोग वेब पेज के मूलभूत घटकों का वर्णन करने के लिए किया जाता है।
• HTML आज प्रयुक्त लगभग सभी प्रमुख ब्राउज़रों द्वारा समर्थित है।
• एचटीएमएल 5 जैसे अर्थपूर्ण तत्वों को पेश किया
  
  ,

   

• HTML एक वेब पेज को दूसरे से जोड़ने के लिए लिंक का उपयोग करता है। यह वेब पेज में तत्वों को व्यवस्थित करने के लिए एक ट्री संरचना का अनुसरण करता है।

सीएसएस की विशेषताएं

आइये जानते हैं कुछ प्रमुख बातें सीएसएस की विशेषताएं नीचे।

• सीएसएस या कैस्केडिंग स्टाइल शीट भाषा का उपयोग वेब पेजों और अनुप्रयोगों को स्टाइल प्रदान करने के लिए किया जाता है।
• इसका उपयोग वेब पेज की प्रस्तुति और लेआउट को बेहतर बनाने तथा उपयोगकर्ताओं के समक्ष इसे प्रदर्शित करने के लिए किया जाता है।
• सीएसएस को एक में एकीकृत किया जा सकता है HTML दस्तावेज़ तीन तरीकों का उपयोग करके, इनलाइन, आंतरिक और बाह्य।
• CSS HTML तत्वों को लक्षित करने के लिए विभिन्न चयनकर्ता प्रदान करता है जैसे ID चयनकर्ता, विशेषता चयनकर्ता, और छद्म-वर्ग चयनकर्ता।
• CSS बॉक्स मॉडल का उपयोग वेब पेज के डिज़ाइन और लेआउट को परिभाषित करने के लिए किया जाता है। इसमें मार्जिन, बॉर्डर, पैडिंग और कंटेंट शामिल होते हैं।
• साथ सीएसएस की मदद उत्तरदायी वेब डिज़ाइन बनाना संभव है।

वेब डेवलपमेंट में HTML और CSS के बीच अंतर

एचटीएमएल सीएसएस इसमें कई अंतर हैं जिन्हें ध्यान में रखना चाहिए। आइए नीचे दी गई तालिका में कुछ प्रमुख अंतरों को जानें।

CSS को काम करने के लिए HTML की आवश्यकता क्यों है?

CSS को HTML के बिना क्रियान्वित नहीं किया जा सकता क्योंकि इसका उपयोग HTML तत्वों के लेआउट और प्रस्तुति को डिजाइन करने के लिए किया जाता है। HTML तत्वों के बिना CSS वेब पेजों में उपयोग नहीं किया जा सकता.

• CSS विशिष्ट HTML तत्वों को लक्षित करने और उनकी शैली और उपस्थिति को अनुकूलित करने के लिए ID और क्लास चयनकर्ताओं का उपयोग करता है। HTML तत्वों के बिना वेब पेज पर स्टाइल करने के लिए कुछ भी नहीं होगा।
• CSS यह निर्धारित करने के लिए जिम्मेदार है कि वेब पेज पर सामग्री कैसे प्रस्तुत की जाए। HTML के बिना प्रदर्शित करने के लिए कोई सामग्री नहीं है।
• CSS विभिन्न तत्वों जैसे बॉर्डर, मार्जिन, पैडिंग और कंटेंट पर स्टाइल लागू करने के लिए बॉक्स मॉडल का उपयोग करता है। इन तत्वों को सबसे पहले HTML द्वारा परिभाषित किया जाता है।
• सीएसएस बटन, फॉर्म, लिंक आदि जैसे इंटरैक्टिव तत्वों को स्टाइल कर सकता है, लेकिन इसके लिए पहले HTML का होना आवश्यक है।

PW Skills के साथ वेब डेवलपमेंट में अपना करियर शुरू करें

यदि आप वेब डेवलपमेंट में एक शानदार करियर बनाना चाहते हैं तो हमारे साथ जुड़ें फुल स्टैक वेब डेवलपमेंट कोर्स. विशेषज्ञ सलाहकारों के मार्गदर्शन में HTML, CSS, Javascript, Node JS, React JS और बहुत कुछ सीखें। कई वास्तविक दुनिया की परियोजनाएँ बनाएँ और पाठ्यक्रम पूरा करने के बाद प्रमाणित हों।

पाठ्यक्रम पूरा करने के बाद आपको समर्पित कैरियर सहायता और साक्षात्कार के अवसर भी मिलेंगे, केवल thefullstack.co.in पर