HTML colors क्या है - ldkalink
HTML colors का उपयोग एचटीएमएल एलिमेंट्स को कलर करने के लिए किया जाता है यदि हम किसी कंटेंट के बैकग्राउंड को कलर करना चाहते हैं या फिर इसके बॉर्डर को कलर करना चाहते हैं या फिर किसी टेक्स्ट को ही एक कलर में लिखना चाहते हैं तो इसके लिए हम एचटीएमएल कोडिंग में कलर के नाम का यूज करके उसे एक अच्छा कलर दे सकते है।
किसी content कलर करने के लिए कलर के नाम के अलावा भी RGB, HEX, HSL, RGBA, HSLA के वैल्यू से भी इन्हे एक कलर लुक किया जा सकता है।
Color names
एचटीएमएल में कलर नेम टाइप करके कंटेंट को एक कलर लुक दिया जा सकता है जैसे के नीचे आप इमेज में देख सकते हैं:
![]() |
HTML colors क्या है |
एचटीएमएल 140 स्टैंडर्ड कलर नाम को सपोर्ट करता है इनमें से आप किसी भी नाम के कलर का उपयोग अपने वेब पेज में कर सकते है।
Background color कैसे set करे
जब हम चाहते हैं कि एचटीएमएल एलिमेंट्स में इसके बैकग्राउंड को कोई कलर दे तो इसके लिए हम एचटीएमएल में यह कोड अप्लाई करते हैं।
उदाहरण/example
<h1 style="background-color:DodgerBlue;">LD KA LINK</h1><p style="background-color:Tomato;">tips and tricks about blogger, adsence, search console, facefook and much more wich can be very helpful for your daily life</p>
एचटीएमएल टेक्स्ट को आप मन चाहे कलर दे सकते हैं और इसके लिए आप इस तरह के कोड का उपयोग कर सकते हैं।
Text color
टेक्स्ट को एक अलग कलर में लिखा सकते हैं:
उदाहरण/example
<h1 style="color:Tomato;">LD KA LINK</h1><p style="color:DodgerBlue;">Best knowledge sharing blog.</p>
Border color
आप टेक्स्ट के चारों ओर एक बॉर्डर बनाकर इसे कलर में दिखा सकते हैं
उदाहरण
<h1 style="border:2px solid Tomato;">QA ldkalink </h1><h1 style="border:2px solid DodgerBlue;">QA ldkalink</h1><h1 style="border:2px solid Violet;">QA ldkalink</h1>
color values
एचटीएमएल में कलर के नाम के अलावा भी हम इसके वैल्यू को कई तरह से डिफाइन कर सकते हैं जैसे की RGB value, HEX value, HSL value, RGBA value, HSLA value.
नीचे तीन <div> एलिमेंट्स दिए गए हैं जिन्हें RGB, HEX, HSL, RGBA, HSLA से डिफाइन किया गया है।
उदाहरण
<h1 style="background-color:rgb(255, 99, 71);">...</h1><h1 style="background-color:#ff6347;">...</h1><h1 style="background-color:hsl(9, 100%, 64%);">...</h1><h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1><h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>
Related Posts:
टिप्पणियाँ
एक टिप्पणी भेजें
please do not enter any spam link in the comment box.