HTML शैली

style गुण HTML एलिमेंट का शैली बदलने के लिए प्रयोग किया जाता है。

यह पाठ Verdana और लाल में है
यह पाठ Times और नीला में है
यह पाठ 30 पिक्सल ऊंचा है

स्वयं प्रयोग करें

HTML का style गुण

style गुण का काम क्या है:

सभी HTML एलिमेंट के शैली बदलने का एक सामान्य तरीका प्रदान करता है。

शैली HTML 4 में परिचय की गई है, यह एक नया पसंदीदा तरीका है जिससे HTML एलिमेंट का शैली बदला जा सकता है। HTML शैली के माध्यम से, style गुण का प्रयोग करके सीधे HTML एलिमेंट पर शैली जोड़ी जा सकती है या सीधे अलग स्टाइल शीट (CSS फ़ाइल) में परिभाषित की जा सकती है。

आप हमारे CSS ट्यूटोरियलमें सभी शैली और CSS के बारे में सीखें।

हमारे HTML ट्यूटोरियल में, हम style गुण का प्रयोग करके HTML शैली को बताएंगे。

अवैध टैग और गुण

HTML 4 में, कई टैग और गुण अवैध (डिप्रेस्कर्ड) हैं। अवैध (डिप्रेस्कर्ड) का अर्थ है कि भविष्य के HTML और XHTML संस्करणों में इन टैग और गुणों का समर्थन नहीं होगा。

यहाँ संदेश जानकारी बहुत स्पष्ट है: इन अवैध टैग और गुणों का प्रयोग करने से बचिए!

इन टैग और गुणों का प्रयोग करने से बचिए:

टैग वर्णन
<center> मध्यस्थ सामग्री को निर्धारित करें
<font> और <basefont> HTML फ़ॉन्ट निर्धारित करें
<s> और <strike> अनुच्छेदित पाठ निर्धारित करें
<u> अनुच्छेदित पाठ निर्धारित करें
गुण वर्णन
align पाठ के अनुरूपांकन को निर्धारित करें
bgcolor पृष्ठभूमि रंग निर्धारित करें
color पाठ रंग निर्धारित करें

उपरोक्त इन टैग और गुणों के लिए: शैली का प्रयोग करें!

HTML शैली उदाहरण - पृष्ठभूमि रंग

background-color गुण एकमेव एलिमेंट को पृष्ठभूमि रंग निर्धारित करता है:

<html>
<body style="background-color:yellow">
<h2 style="background-color:red">यह एक शीर्षक है</h2>
<p style="background-color:green">यह एक अनुच्छेद है。</p>
</body>
</html>

स्वयं प्रयोग करें

style गुण "पुराने" bgcolor गुण को खत्म कर दिया है。

स्वयं प्रयोग करें: पुरानी विधि से पृष्ठभूमि रंग सेट करें

HTML साइटस इस्टेंस - फ़ॉन्ट, रंग और आकार

font-family, color और font-size गुण क्रमश: एलिमेंट के चारक्टर के फ़ॉन्ट परिवार, रंग और फ़ॉन्ट आकार को निर्धारित करते हैं:

<html>
<body>
<h1 style="font-family:verdana">एक शीर्षक</h1>
<p style="font-family:arial;color:red;font-size:20px;">एक अनुच्छेद。</p>
</body>
</html>

स्वयं प्रयोग करें

style गुण पुराने <font> टैग को खत्म कर दिया है。

स्वयं प्रयोग करें: पुरानी विधि से फ़ॉन्ट सेट करें

HTML साइटस इस्टेंस - चारक्टर समानता

text-align गुण एलिमेंट के चारक्टर के अनुसार स्तरीय समानता को निर्धारित करता है:

<html>
<body>
<h1 style="text-align:center">यह एक शीर्षक है</h1>
<p>इस पृष्ठ के केंद्र में समानता वाला शीर्षक है。</p>
</body>
</html>

स्वयं प्रयोग करें

style गुण पुराने "align" गुण को खत्म कर दिया है。

स्वयं प्रयोग करें: पुरानी विधि से केंद्रीय समानता सेट करें