HTML पर CSS फ़ाइल कैसे जोड़ें

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

कदम

2 का विधि 1:
HTML में एक बाहरी स्टाइल शीट जोड़ें
  1. शीर्षक शीर्षक एचटीएमएल चरण 1 में एक सीएसएस फ़ाइल जोड़ें
1. CSS फ़ाइल बनाएं. अपनी सीएसएस फ़ाइल को तैयार और सहेजें ".सीएसएस" फाइल का प्रकार.
  • शीर्षक वाली छवि एचटीएमएल चरण 2 में एक सीएसएस फ़ाइल जोड़ें
    2. अपनी CSS फ़ाइल को अपनी वेबसाइट पर अपलोड करें.
  • शीर्षक वाली छवि एचटीएमएल चरण 3 में एक सीएसएस फ़ाइल जोड़ें
    3. अपनी CSS फ़ाइल का URL कॉपी करें. URL की तरह लग सकता है आपकी जगह.कॉम / स्टाइलशीट.सीएसएस.
  • यह लिंक (URL) से मुख्य डोमेन नाम को हटाने के लिए अच्छा फॉर्म है. इसलिए एक यूआरएल "http: // mysite.कॉम / सीएसएस / डिफ़ॉल्ट.सीएसएस" को छोटा किया जाएगा "/ css / डिफ़ॉल्ट.सीएसएस". आपको उस अग्रणी स्लैश को शामिल करना होगा ("/"). इसे एक सापेक्ष पथ कहा जाता है.
  • शीर्षक वाली छवि एचटीएमएल चरण 4 में एक सीएसएस फ़ाइल जोड़ें
    4. फ़ाइल में एक लिंक जोड़ें. अपनी HTML फ़ाइल में Thetag खोजें, और टैग के ठीक ऊपर एक खाली पंक्ति बनाएं. जोड़ना उस खाली रेखा के लिए, बदल रहा है "तो आप का..." अपनी सीएसएस फ़ाइल के लिंक के लिए.
  • शीर्षक शीर्षक एचटीएमएल चरण 5 में एक सीएसएस फ़ाइल जोड़ें
    5. अपनी HTML फ़ाइल को सहेजें, और इसे अपनी वेबसाइट पर अपलोड करें.
  • शीर्षक वाली छवि एचटीएमएल चरण 6 में एक सीएसएस फ़ाइल जोड़ें
    6. सत्यापित करें कि आपकी साइट पर सब कुछ यह दिखता है कि इसे देखने के लिए कैसे माना जाता है. यदि ऐसा नहीं होता है, तो आपको वापस जाने की आवश्यकता हो सकती है और आपको किसी भी सुधार या समायोजन की आवश्यकता हो सकती है.
    • 2 का विधि 2:
    HTML पर एक आंतरिक शैली शीट जोड़ें
    1. टैग बनाएं. आपकी HTML फ़ाइल में, Thetag खोजें. इसके ऊपर कुछ अतिरिक्त रेखाएं जोड़ें और निम्न टाइप करें:
    <शैली का प्रकार ="पाठ / सीएसएस">अंदाज>
    शीर्षक शीर्षक एचटीएमएल चरण 7 में एक सीएसएस फ़ाइल जोड़ें
    1. शीर्षक शीर्षक एचटीएमएल चरण 8 में एक सीएसएस फ़ाइल जोड़ें
      1. उन दो टैगों के बीच अपने सभी CSS जोड़ें जिन्हें आपने अभी जोड़ा है.
    2. शीर्षक शीर्षक एचटीएमएल चरण 9 में एक सीएसएस फ़ाइल जोड़ें
      2. अपनी HTML फ़ाइल को सहेजें (HTML के रूप में).
    3. शीर्षक वाली छवि एचटीएमएल चरण 10 में एक सीएसएस फ़ाइल जोड़ें
      3. सत्यापित करें कि आपका वेब पेज ऐसा लगता है कि यह देखना चाहिए. यदि यह नहीं है तो आवश्यकतानुसार परिवर्तन करें.

    टिप्स

    विभिन्न वेब ब्राउज़र और विभिन्न कंप्यूटर सिस्टम पर हमेशा अपनी वेबसाइट की उपस्थिति की जांच करें. कुछ ब्राउज़र इंटरनेट सीएसएस थोड़ा अलग तरीके से, एक ही ब्राउज़र के मैक और विंडोज संस्करणों के बीच भी. यदि आपकी वेबसाइट अलग-अलग ब्राउज़रों में अलग दिखती है, खासकर कि सूचियों जैसे कुछ ऑब्जेक्ट्स को स्पेस किया गया है, समस्या ब्राउज़र डिफ़ॉल्ट है. सभी ब्राउज़र डिफ़ॉल्ट को ओवरराइड करने के लिए अपने सीएसएस की शुरुआत में जोड़ने के लिए एक मास्टर स्टाइल शीट खोजें, इसलिए आपकी सेटिंग्स किसी भी चीज़ को जोड़ नहीं रही हैं जो ब्राउज़र पहले से ही सेट हो रही है.
  • यदि आपके पास विकल्प है, तो बाहरी स्टाइल शीट का उपयोग करें. ऐसा करने से आपको अपनी साइट में प्रत्येक पृष्ठ पर सीएसएस को बदलने के बजाए कोड को बदलकर साइट की उपस्थिति को समायोजित करने दिया जाएगा.
  • यदि आपकी वेबसाइट अपेक्षित की तरह आपके सीएसएस का जवाब नहीं दे रही है, तो यह सुनिश्चित करने के लिए कि आप विवरण भूल गए हैं, अपने सभी कोड को दोबारा जांचें. विशेष रूप से अर्धविरामों पर ध्यान दें ("-") और बंद तीर ब्रैकेट ("}"). यह आपके CSS में एक याद करने के लिए असामान्य नहीं है.
  • यदि आप अपने कंप्यूटर पर HTML फ़ाइल को सहेजते हैं, तो आप उस फ़ाइल को अपने कंप्यूटर पर अपलोड करने से पहले अपने कंप्यूटर पर उपस्थिति की जांच करने के लिए खोल सकते हैं, लेकिन आपको शायद अपने सीएसएस को एचटीएमएल फाइल में आंतरिक स्टाइल शीट के रूप में रखने की आवश्यकता होगी लोड करने की उपस्थिति.
  • जब एक स्टाइल शीट खुद से विरोधाभास करती है - उदाहरण के लिए, यदि यह पहली बार कहता है कि पाठ नीला होगा और बाद में कहता है कि यह लाल हो जाएगा - बाद की स्थिति हमेशा लागू होगी. यदि एक आदेश बाहरी स्टाइल शीट में है, और दूसरा आंतरिक स्टाइल शीट में है, तो आंतरिक एक लागू होगा.

    • चेतावनी

    उपयोग न करें "इन - लाइन" सीएसएस, सीएसएस जो एचटीएमएल टैग में शामिल है. (उदाहरण के लिए: "align = `केंद्र`" इनलाइन सीएसएस है.) यह पुराना, खराब वाक्यविन्यास है, और बाद में वेबसाइट को अपडेट करने की आवश्यकता होने पर समायोजित करना मुश्किल है.
    सामाजिक नेटवर्क पर साझा करें:
    समान