 |
HTML Styles in Hindi (HTML शैलियाँ) |
एक HTML तत्व की शैली सेट करना, style attribute के साथ किया जा सकता है।
HTML style attribute में निम्नलिखित सिंटैक्स है:
<tagname style="property:value;">
Background Color (पीछे का रंग)
Example: पृष्ठ को पाउडरब्ले (powderblue) के लिए पृष्ठभूमि रंग सेट करें:
<!DOCTYPE html>
<html>
<body style="background-color:powderblue;">
<h1>यह एक शीर्षक है</h1>
</body>
</html>
Output:
यह एक शीर्षक है
Example: (दो अलग-अलग तत्वों के लिए पृष्ठभूमि रंग सेट करें:)
<!DOCTYPE html>
<html>
<body>
<h1 style="background-color:powderblue;">यह एक शीर्षक है</h1>
<p style="background-color:tomato;">यह एक पैराग्राफ है।</p>
</body>
</html>
यह एक शीर्षक है
यह एक पैराग्राफ है।
Text Color (लिखावट का रंग)
CSS color property एक HTML तत्व के लिए पाठ रंग को परिभाषित करता है:
Example:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;">यह एक शीर्षक है</h1>
<p style="color:red;">यह एक पैराग्राफ है।</p>
</body>
</html>
यह एक शीर्षक है
यह एक पैराग्राफ है।
Fonts (फोंट्स)
CSS font-family property HTML तत्व के लिए उपयोग किए जाने वाले फ़ॉन्ट को परिभाषित करता है:
<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">नमस्कार!!!</h1>
<p style="font-family:courier;">नमस्कार!!!</p>
</body>
</html>
नमस्कार!!!
नमस्कार!!!
Text Size (शब्दों का आकर)
CSS font-size property एक HTML तत्व के लिए पाठ आकार को परिभाषित करता है:
<!DOCTYPE html>
<html>
<body>
<p style="font-size:300%;">Hello world!!!</p>
<p style="font-size:160%;">नमस्ते दुनिया!!!</p>
</body>
</html>
Hello world!!!
नमस्ते दुनिया!!!
Text Alignment (पाठ्य संरेखण)
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
</body>
</html>
Centered Heading
Centered paragraph.
अध्याय का सारांश
- HTML तत्वों को स्टाइल करने के लिए style attribute का उपयोग करें
- पृष्ठभूमि रंग के लिए background-color का उपयोग करें
- पाठ रंगों के लिए color का उपयोग करें
- पाठ फ़ॉन्ट के लिए font-family का उपयोग करें
- पाठ आकारों के लिए font-size का उपयोग करें
- पाठ संरेखण के लिए text-align का उपयोग करें
HTML Paragraphs in Hindi (HTML पैराग्राफ)
---
मुझे उम्मीद है कि आपको यह अच्छी पोस्ट पसंद आएगी। इसे अपने दोस्तों के साथ साझा करना न भूलें, शेयरिंग बटन पोस्ट के नीचे है। इसके अलावा, यदि इंटरमीडिएट में कोई नकारात्मक पहलू है, तो टिप्पणी बॉक्स का अनुरोध करने में संकोच न करें। हम आपकी मदद करने के लिए खुश होने जा रहे हैं।
मैं इस ब्लॉग पर अधिक से अधिक लिखना जारी रखूंगा, इसलिए हमारे ब्लॉग BlogLearner को अपने मोबाइल या कंप्यूटर पर बुकमार्क (Ctrl + D) के रूप में बनाना न भूलें और अपने ईमेल में सभी पोस्ट प्राप्त करने के लिए हमें सदस्यता लें। अगर आपको यह पोस्ट पसंद आए तो इन पोस्ट को शेयर करना न भूलें। आप हमें फेसबुक या ट्विटर जैसी सोशल नेटवर्किंग साइटों पर साझा करके अतिरिक्त व्यक्तियों तक पहुंचने की सुविधा प्रदान कर सकते हैं।
 |
| PHP tutorial in Hindi. |
No comments:
Post a Comment