आज इस आर्टिकल में हम आपको HTML Style Tutorials in Hindi – Part 5 के बारे में बताने जा रहे है।
Style attributes का इस्तेमाल HTML डॉक्यूमेंट की styling करने के लिए किया जाता है। इसको start tag के अंदर ही इस्तेमाल किया जाता है।
<tagname style="property:value;">
आप इस attributes में multiple property का इस्तेमाल कर सकते है, लेकिन ध्यान रहे आपको हर property की value define करने के बाद में “;” से हर property:value को अलग करना है। अगर आप इसका ध्यान नही रखेंगे तो भूले गए “;” के आगे का कोड HTML डॉक्यूमेंट को इफ़ेक्ट नहीं करता है।
HTML Style Background-Color
HTML के style attribute में अगर आप Background-Color की property का इस्तेमाल करके आप किसी भी HTML tag के background color को बदल सकते है। Color को 3 तरह से define किया जा सकता है। 1. Color के नाम से, 2. Hex color code 3. RGB() color कोड से।
हम आपको नीचे background color property का इस्तेमाल करके बता रहे है।
नीचे फोटो में हम आपको ऊपर बताये गए कोड की आउटपुट दे रहे है.
HTML Text Color
ऊपर हमने किसी भी element के background color को चेंज करने के बारे में जाना था। अब हम आपको किसी भी text के color को चेंज करने के बारे में बता रहे है।किसी भी text का चेंज करने के लिए हम color property का इस्तेमाल करेंगे। इसके बाद में आप value को ऊपर बताये गए तरीके से define कर सकते है।
नीचे फोटो में हम आपको सिर्फ text और background का color को चेंज करके दिखा रहे है।
हम code में background color और text color दोनों बदल सकते है।
HTML Font
अगर आप किसी font का style या family चेंज करना चाहते है तो आप font-family property का इस्तेमाल करके किसी भी font की family को चेंज कर सकते है।
इस कोड की आउटपुट हम आपको नीचे बता रहे है।
HTML Font Size
HTML font size का इस्तेमाल करके आप किसी भी text का साइज़ बदल सकते है।
इसका इस्तेमाल किसी भी text बड़ा और छोटा दिखाने के लिए किया जाता है।
इस कोड की आउटपुट हम आपको नीचे बता रहे है।
HTML Text Alignment
Text Align property का इस्तेमाल करके आप किसी भी text को align कर सकते है। यह alignment सिर्फ horizontal text align करता है।
इस कोड की आउटपुट हम आपको नीचे दे रहे है.