HTML स्टाइल
HTML में स्टाइल (Style) लागू करने के लिए आप विभिन्न तरीकों का उपयोग कर सकते हैं। यहां कुछ प्रमुख तरीके हैं:
- इनलाइन स्टाइल: इनलाइन स्टाइल का उपयोग करके आप किसी विशेष HTML एलिमेंट पर स्टाइल लागू कर सकते हैं। आप इसे style एट्रिब्यूट के माध्यम से कर सकते हैं। उदाहरण: <p style="color: blue; font-size: 16px;">यहां कुछ पाठ है</p>
- <style> एलिमेंट: <style> एलिमेंट का उपयोग करके आप अपने HTML दस्तावेज़ के हेड सेक्शन में स्टाइल निर्दिष्ट कर सकते हैं। उदाहरण: <!DOCTYPE html>
- एक्सटर्नल स्टाइलशीट: आप एक अलग स्टाइलशीट फ़ाइल बना सकते हैं (जिसका एक्सटेंशन .css होता है) और उसे अपने HTML दस्तावेज़ में लिंक कर सकते हैं। उदाहरण: HTML फ़ाइल:
<html>
<head>
<style>
p {
color: blue;
font-size: 16px;
}
</style>
</head>
<body>
<p>यहां कुछ पाठ है</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>यहां कुछ पाठ है</p>
</body>
</html>
CSS (styles.css) फ़ाइल:
p {
color: blue;
font-size: 16px;
}
इन तरीकों का उपयोग करके आप अपने HTML एलिमेंट्स को स्टाइल दे सकते हैं। स्टाइल के माध्यम से आप विभिन्न गुणों जैसे रंग, आकार, फ़ॉन्ट, पृष्ठभूमि, पट्टी, और अन्य तत्वों को निर्दिष्ट कर सकते हैं।