Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

<style> टैग का उपयोग करके HTML पेज के लिए स्टाइल जानकारी कैसे परिभाषित करें?


HTML <style> टैग HTML दस्तावेज़ के हेड के भीतर स्टाइल शीट घोषित करने के लिए है और इस तकनीक को HTML पेज में CSS जोड़ने के लिए इंटरनल CSS के रूप में जाना जाता है। CSS का उपयोग HTML में विभिन्न तरीकों से किया जा सकता है। उनमें से एक <style> टैग का उपयोग करके इंटरनल CSS है।

<style> टैग का उपयोग <head>...</head> टैग में किया जाता है। यह एक पेज के लिए CSS स्टाइल परिभाषित करता है।

उदाहरण

<style> टैग का उपयोग करने के लिए निम्न कोड चलाएं:

<!DOCTYPE html> <html>
  <head>
    <style>
      h1 {color: green;}
      p {font-size: 14px;}
    </style>
  </head>
  <body>
    <h1>ट्यूटोरियल्स</h1>
    <p>हम मुफ्त शिक्षण सामग्री प्रदान करते हैं।</p>
  </body>
</html>

  1. HTML पेज में title टैग का उपयोग कैसे करें? HTML पेज में title टैग का उपयोग कैसे करें?

    परिचय शीर्षक सभी HTML दस्तावेज़ों में आवश्यक है। दस्तावेज़ का शीर्षक परिभाषित करने के लिए, <title> टैग का उपयोग करें। दस्तावेज़ का शीर्षक वेब ब्राउज़र टूलबार पर और खोज इंजन परिणामों में HTML पेज के लिए प्रदर्शित शीर्षक में दिखाई देता है। महत्वपूर्ण नोट <title>...</title> टैग को &

  1. HTML में <span> टैग से एलिमेंट्स कैसे स्टाइल करें? HTML में <span> टैग से एलिमेंट्स कैसे स्टाइल करें?

    इंलाइन एलिमेंट्स के लिए <span> <span> टैग इंलाइन एलिमेंट्स को ग्रुप करके स्टाइल लागू करने के लिए उपयोग होता है। यह ब्लॉक-लेवल नहीं, केवल इंलाइन कंटेंट के लिए है। उदाहरण <!DOCTYPE html> <html> <head> <title>HTML span Tag</title> </head> <body&g

  1. HTML में <datalist> टैग का उपयोग कैसे करें? HTML में <datalist> टैग का उपयोग कैसे करें?

    HTML <datalist> टैग <input> एलिमेंट के लिए विकल्पों का एक सेट निर्दिष्ट करता है। आपको एक आईडी भी जोड़नी होगी। <datalist>...</datalist> टैग के अंदर <option>...</option> टैग का उपयोग करें।उदाहरणHTML में <datalist> टैग का उपयोग करने के लिए निम्न कोड चलाएं:<!