HTML in Hindi

HTML Style Tutorials in Hindi – Part 5

आज इस आर्टिकल में हम आपको HTML Style Tutorials in Hindi – Part 5 के बारे में बताने जा रहे है.

HTML Style Tutorials in Hindi - Part 5
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 Style Background-Color
HTML Style Background-Color

नीचे फोटो में हम आपको ऊपर बताये गए कोड की आउटपुट दे रहे है.

HTML Style Background-Color output
HTML Style Background-Color output

HTML Text Color

ऊपर हमने किसी भी element के background color को चेंज करने के बारे में जाना था. अब हम आपको किसी भी text के color को चेंज करने के बारे में बता रहे है. किसी भी text का चेंज करने के लिए हम color property का इस्तेमाल करेंगे. इसके बाद में आप value को ऊपर बताये गए तरीके से define कर सकते है.

नीचे फोटो में हम आपको सिर्फ text और background का color को चेंज करके दिखा रहे है.

HTML Text Color
HTML Text Color

हम code में background color और text color दोनों बदल सकते है.

HTML Text Color Output
HTML Text Color Output

HTML Font

अगर आप किसी font का style या family चेंज करना चाहते है तो आप font-family property का इस्तेमाल करके किसी भी font की family को चेंज कर सकते है.

HTML font family
HTML font family

इस कोड की आउटपुट हम आपको नीचे बता रहे है.

HTML font family output
HTML font family output

HTML Font Size

HTML font size का इस्तेमाल करके आप किसी भी text का साइज़ बदल सकते है. इसका इस्तेमाल किसी भी text बड़ा और छोटा दिखाने के लिए किया जाता है.

HTML Font Size
HTML Font Size

इस कोड की आउटपुट हम आपको नीचे बता रहे है.

HTML Font Size Output
HTML Font Size Output

HTML Text Alignment

Text Align property का इस्तेमाल करके आप किसी भी text को align कर सकते है. यह alignment सिर्फ horizontal text align करता है.

HTML Text Alignment
HTML Text Alignment

इस कोड की आउटपुट हम आपको नीचे दे रहे है.

HTML Text Alignment
HTML Text Alignment

HTML Text Formatting Tutorials in Hindi – Part 6>>>>>>>>>>>

Related Articles

2 Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button
Close