<link> टैग का उपयोग करके बाहरी संसाधन से संबंध कैसे परिभाषित करें?

HTML में बाहरी संसाधन से संबंध परिभाषित करने के लिए <link> टैग का उपयोग किया जाता है। इसका उपयोग बाहरी स्टाइल शीट लिंक करने के लिए किया जाता है। इसे <head>...</head> टैग के अंदर जोड़ा जाता है, लेकिन इसका कोई समापन टैग नहीं होता। इसमें अपनी बाहरी CSS फ़ाइल परिभाषित करें।

अलग से बनाई गई CSS फ़ाइल में सारा CSS कोड होगा। href विशेषता CSS फ़ाइल का लिंक जोड़ती है।

उदाहरण

HTML में बाहरी CSS शामिल करने के लिए निम्न कोड चलाएं। HTML फ़ाइल यहां है, जिसमें CSS फ़ाइल style.css का लिंक है।

<!DOCTYPE html> <html>
  <head>
    <link rel="stylesheet" href="mystyles.css">
  </head>
  <body>
    <h1>शीर्षक</h1>
    <p>यह डेमो सामग्री है।</p>
  </body>
</html>

CSS फ़ाइल mystyles.css, CSS कोड के साथ:

h1 { color: green; }
p { font-size: 14px; }