Add Internal CSS in HTML Using the

Add Internal CSS (Internal CSS जोड़ना)

Internal CSS क्या है?

Internal CSS वह CSS होती है जिसे HTML फ़ाइल के <head> सेक्शन के अंदर <style> टैग में लिखा जाता है।

इसका उपयोग एक ही HTML Page को डिज़ाइन करने के लिए किया जाता है।

Internal CSS का Syntax

<head>
    <style>
        selector {
            property: value;
        }
    </style>
</head>

उदाहरण (Example)

<!DOCTYPE html>
<html>
<head>
    <title>Internal CSS Example</title>

    <style>
        h1{
            color: blue;
            text-align: center;
        }

        p{
            color: green;
            font-size:20px;
        }

        body{
            background-color: #f2f2f2;
        }
    </style>

</head>

<body>

<h1>Welcome to UICT</h1>

<p>This is Internal CSS Example.</p>

</body>
</html>

Output

Internal CSS कहाँ लिखी जाती है?

Internal CSS हमेशा HTML Document के <head> Section के अंदर <style> Tag में लिखी जाती है।

<head>

<style>

h1{
    color:red;
}

</style>

</head>

Internal CSS के फायदे (Advantages)

✔ एक ही Page के लिए CSS लिखना आसान होता है।

✔ अलग CSS File बनाने की आवश्यकता नहीं होती।

✔ छोटे Projects के लिए उपयोगी है।

✔ HTML और CSS एक ही File में रहती है।

✔ जल्दी Testing और Practice की जा सकती है।

Internal CSS के नुकसान (Disadvantages)

❌ केवल एक Page पर ही लागू होती है।

❌ कई Pages होने पर बार-बार CSS लिखनी पड़ती है।

❌ Website का Code बड़ा और थोड़ा कठिन हो सकता है।

❌ बड़े Projects के लिए उपयुक्त नहीं है।

Internal CSS कब उपयोग करें?

External CSS और Internal CSS में अंतर

Internal CSSExternal CSS
<style> टैग में लिखी जाती है।अलग .css फ़ाइल में लिखी जाती है।
केवल एक HTML Page पर लागू होती है।कई HTML Pages पर लागू की जा सकती है।
छोटे Projects के लिए उपयुक्त।बड़े Projects के लिए बेहतर।
अलग CSS File की आवश्यकता नहीं।CSS को HTML से <link> टैग द्वारा जोड़ा जाता है।

याद रखने योग्य बातें