HTML - Style in Hindi




दोस्तों इस chapter में हम HTML Style tag के बारे में जानेंगे तो चलिए शुरू करते है, HTML में Style tag का उपयोग web document में या HTML document में content को Styling करने के लिए किया जाता है, दोस्तों Style tag को हम <head> tag के अंदर डिफाइन करते है।

HTML Style tag का उपयोग करके हम किसे भी text का font size या font colour change कर सकते है. Style tag user के लिए वास्तविक content का representation नहीं करता है, इसके बजाय, इसका उपयोग content को स्टाइल करने के लिए किया जाता है।

आमतौर पर, CSS को एक अलग CSS फ़ाइल या <head> tag के अंदर <style> tag में लिखा जाता है, लेकिन एक तीसरा स्थान है जो मान्य भी है तीसरे स्थान पर आप CSS लिख सकते हैं, एक HTML tag के अंदर, style attribute का उपयोग करते हुए।

HTML Style tag के <head> tag में डाल दिया जा सकता है और एक वर्ग के रूप में लागू किया जाता है, या इसका उपयोग एक एकल element में Inline CSS लगाने के लिए किया जा सकता है।

आइये अब हम सबसे पहले एक example की मदद से ये देखते है की अगर हम किसी HTML paragraph के font color और font size को बदलना चाहते है तो Styles Attribute के मदद से इस काम को कैसे करते है।

Example

<!DOCTYPE html>
<html>
<body>
<p>This paragraph normal</p>
<p style="color:Yellow;">This paragraph Yellow</p>
<p style="color:Green;">This paragraph Green</p>
<p style="color:Blue;">This paragraph Blue</p>
<p style="color:Fuchsia;">This paragraph Fuchsia</p>
<p style="font-size:45px;">This is my paragraph</p>
</body>
</html>

Result

This paragraph normal

This paragraph Yellow

This paragraph Green

This paragraph Blue

This paragraph Fuchsia

This is my paragraph

दोस्तों ऊपर दिए हुए example में आप देख सकते है की हम Styles Attribute की मदद से किस प्रकार किसी HTML paragraph के font color और font size को बदल सकते है। यदि आप चाहे तो background-color के मदद से पुरे web page का Background Color भी बदल सकते है।