HTML Styles Kya Hota Hain-HTML Styles Kaise Seekhe :- आज के पोस्ट में हम HTML Styles सीखेँगे, अगर आप को HTML का बेसिक सीखना हैं, या ये जानना हैं की HTML क्या होता हैं, तो सबसे पहले आप HTML के पहले पोस्ट से सुरु करे, इस पोस्ट के पहले, मैंने कई और पोस्ट लिखीं हैं, ज्यादा अच्छे से समझने के लिए कृपया आप पहले के पोस्ट को देखे.
HTML Styles क्या होता हैं – HTML Styles सीखें :- जैसा की स्टाइल नाम से पता चल रहाँ हैं, की हम किसी विषय वस्तु को सुन्दर बनाने के लिए इसका उपयोग करते हैं, वैसे ही अगर आप HTML पेज बना रहे हैं, तो आप को HTML पेज को सुन्दर और प्रोफेसनल लुक देने के लिए HTML में स्टाइल्स का उपयोग करना होता हैं, अगर आप किसी सॉफ्टवेयर कंपनी में काम करते हैं, या फिर जॉब ढूढ़ रहें हैं, तो आप जान ले की HTML स्टाइल या फिर CSS coding की मार्किट में हमेशा से ही डिमांड रही हैं , किसी भी वेब साइट डेवलपमेंट में , मैनेजर / coder / टेस्टर / CSS coder या डिज़ाइनर का बहुत बड़ा योगदान होता हैं, आप इसे इस तरीके से समझे की, आप ने किसी होटल client (जिसका की होटल से सम्बंधित बिज़नेस हैं ) और आप को रूम बुकिंग की वेबसाइट बनानी हैं, तो अगर मैं बोलू की डेवेलपर ने C# लैंग्वेज उपयोग में लाया हैं , तो लॉजिक तो डेवलपर बना देंगे , अगर आप ने ऐसे ही वेबसाइट को क्लाइंट को दिखाया, तो वो इसे स्वीकार नहीं करेंगे, वो बोलेंगे की इस वेबसाइट को कुछ अच्छा लुक दे, फिर ही हम इसे उपयोग में लाएंगे .
तो ये तो थी HTML Styles को उपयोग क्यों करें, अब देखते हैं, की HTML Styles का उपयोग कैसे करें , तो चलिए सुरु करते हैं .
HTML के style एट्रिब्यूट का उपयोग एलिमेंट में स्टाइल को जोड़ने के लिए किया जाता हैं .
जैसे की सब्दो को बड़ा छोटा करना, तथा HTML पेज के बैकग्राउंड को बदलना, text के कलर और उसके font के आकार , प्रकार को बदलना आदि.
सभी HTML के एट्रिब्यूट में हम Styles का उपयोग कर सकते हैं.
HTML Style Syntax :-
<p style=”color: red”>HTML Style Example </p>
जैसा की आप देख सकते हैं, यहाँ मैंने < p > में HTML Styles का उपयोग करके टेक्स्ट के कलर को लाल रंग दिया हैं, यहाँ मैं अपने पिछले पोस्ट के उदाहरण को लेते हुए उसके लुक को बदलूंगा .
<!DOCTYPE html>
<html>
<head>
<title> HTML Styles</title>
</head>
<body>
<p style=”color: red”>HTML Style Example </p>
<a href=”https://www.aforapple.co.in/”>
<button>HTML Button Hyperlink</button>
</a>
</body>
</html>
अब अगर आप ऊपर दिए हुए कोड को रन करेंगे तो, आप को निचे दिए हुए स्क्रीन जैसा परिणाम मिलेगा, जिसमें मैंने “HTML Style Example ” टेक्स्ट के कलर को लाल रंग में दिखलाया हैं .
अब इसी टेक्स्ट लाइन को अगर दूसरे कलर (नीले रंग ) में दिखाना हैं, तो आप नीचे दिए हुए कोड को उपयोग में लाये .
<p style=”color: blue”>HTML Style Example Blue</p>
और यदि काले रंग में दिखाना हो तो निचे दिए गए कोड को उपयोग में लाये ..
<p style=”color: black”>HTML Style Example Black</p>
मैंने ऊपर दिए हुए तीनो स्टाइल को अपने कोड में लिख दिया हैं, तो मेरे HTML पेज को रन करने पर निचे दिए हुए स्क्रीन जैसा परिणाम मिलेगा .
अब इसी प्रकार से आप टेक्स्ट की height(लम्बाई), width(चौड़ाई) को भी स्टाइल से बड़ा और घटा सकते हैं , जैसा की निचे दिए हुए स्क्रीन में मैंने code और उसके परिणाम दोनों को एक ही चित्र में दिखला दिया हैं .
तो आज हमने सीखा की, HTML Styles क्या होता हैं – HTML Styles को कैसे सीखें, अब अगले पोस्ट में हम HTML Styles के कुछ और गुणों के बारे में बात करेंगे, और एक सुन्दर HTML पेज बनाने के बारे में बात करेंगे, और कुछ नया सीखेंगे.
थैंक यू।