HTML और CSS - ये अंतर हैं
HTML और CSS निकट से संबंधित हैं - लेकिन क्या अंतर है? अतीत में, होमपेज पूरी तरह से HTML में बनाए गए थे। आज, तथाकथित "कैस्केडिंग स्टाइल शीट" डिजाइन को "हाइपरटेक्स्ट मार्कअप लैंग्वेज" (एचटीएमएल) में बनाई गई संरचना से अलग करती है।
HTML - संरचना और सामग्री के लिए भाषा
एक होमपेज बनाएं, HTML के माध्यम से अपने पेज पर सामग्री लाएं। तालिका के रूप में ग्रंथों, छवियों और संरचनाओं को HTML फ़ाइलों का उपयोग करके एकीकृत किया जाता है। HTML विभिन्न कार्यों पर ले जाता है।
- HTML फ़ाइल में, आप पहले दस्तावेज़ प्रकार की घोषणा करते हैं। यह इंगित करता है कि आप किस HTML संस्करण का उपयोग कर रहे हैं।
- निम्नलिखित मुख्य क्षेत्र में - सिर - आप तकनीकी विवरण निर्दिष्ट करते हैं, उदाहरण के लिए सीएसएस फ़ाइल किससे जुड़ी है। आप यहां ब्राउज़र टैब में दिखाई देने वाले शीर्षक को भी परिभाषित कर सकते हैं।
- HTML बॉडी में वेबसाइट की सामग्री शामिल होती है। आपके द्वारा अपने मुखपृष्ठ में जोड़े गए सभी पाठ और चित्र यहां समाप्त होते हैं। आप विभिन्न पदानुक्रमों के पैराग्राफ और शीर्षकों में ग्रंथों की संरचना करते हैं।
- उदाहरण के लिए, आप कमांड के साथ सर्वोच्च प्राथमिकता वाले हेडलाइनर को प्रारूपित कर सकते हैं
शीर्ष क्रम के लिए। आप आदेशों के साथ आगे बढ़ते हैं
।
, आदि ये कमांड सीधे HTML हेड में परिभाषित CSS फ़ाइल से संबंधित हैं।
सीएसएस - आपके होमपेज का आकार और रंग
HTML के विपरीत, सीएसएस फ़ाइल आपकी वेबसाइट पर गतिशील सामग्री नहीं लाती है। आप इसका उपयोग यह निर्धारित करने के लिए करते हैं कि ब्राउज़र पाठ और छवियों को कैसे प्रदर्शित करता है। आप अपने होमपेज की मूल संरचना को डिजाइन करने के लिए CSS का भी उपयोग करते हैं।
- मार्जिन, पृष्ठभूमि और पाद या हेडर एक कैस्केडिंग स्टाइल शीट में बनाए जाते हैं। उदाहरण के लिए, एक ब्लॉग के लिए, पृष्ठ को दो कॉलम में विभाजित करें; पदों के लिए एक और लिंक, विजेट या निश्चित जानकारी के लिए एक।
- आप निश्चित पाठ स्वरूपण को परिभाषित करने के लिए CSS फ़ाइल का भी उपयोग करते हैं। एक HTML फ़ाइल में सुर्खियों में है
और
परिभाषित, वे शुरू में अपरिवर्तित रहते हैं। अब इन कमांड को CSS में एक फॉर्म दें, उदाहरण के लिए, इसके लिए सेट करें
फ़ॉन्ट आकार 16 और के लिए
14 फर्म।
आप CSS फाइलों के बिना भी एक होमपेज बना सकते हैं। हालाँकि, CSS का लाभ यह है कि आप अपने पूरे मुखपृष्ठ के डिज़ाइन को केवल एक परिवर्तन के साथ बदल सकते हैं। यदि आप शीर्षकों को बड़ा करना चाहते हैं, तो प्रारूप पर्याप्त है