गुरुवार, 14 अप्रैल 2016

HTML के स्टाइल्स

HTML में style स्टाइल इस अॅट्रीब्युट के प्रयोग से अक्षरोंका रंग, बैकग्राउंड कलर, अलग अलग फॉन्ट्स, उनका आकार, और उनकी अलाइनमेंट तय की जा सकती है.

HTML background color

HTML में style के आगे  background-color में जिस रंग का नाम लिखेंगे, वेबपेज उसी रंग का बन जाता है. HTML में 140 रंगोंके नाम लिखे जा सकते हैं. ये नाम और उनके रंग आप नीचे दिए हुए वेब पेज पर देख सकते हैं .



ऊपर लिखा हुए कोड से  वेब पेज का रंग ऐसे दिखाई देगा.


HTML Text color


HTML में अक्षरोंका रंग बदलने के लिए style अॅट्रीब्युट में color  इस प्रॉपर्टी का प्रयोग होता है


ऊपर कोड में लिखा हुआ  h1 का रंग कोरल और पॅराग्राफ का रंग डार्क ब्लू है.




HTML Fonts

HTML के style अॅट्रीब्युट में font-family इस प्रोपर्टी के प्रयोग से अलग अलग फॉंट्स चुने जा सकते हैं. नीचे वाले उदहारण में  Mangal और Nirmala UI इन दो फॉन्ट का प्रयोग किया गया है. 





HTML Text size


HTML के style अॅट्रीब्युट में font-size इस प्रॉपर्टी के प्रयोग से फॉंट्स का आकार छोटा या बड़ा किया जा सकता है. नीचे दिखाए गये उदाहरण में h1 का आकार 300% और पॅराग्राफ 160% से बड़ा किया गया है.






HTML Text Alignment

HTML के style अॅट्रीब्युट में text-align इस प्रॉपर्टी के प्रयोग से अक्षरोंकी अलाइनमेंट तय की जा सकती है. इसमें left, right और center यह तीन पर्याय हैं.


इस उदाहरणा में  h1 हेडर के टेक्स्ट को  center में अलाइन किया गया है.