एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल शैलियाँ


HTML styleविशेषता का उपयोग किसी तत्व में शैलियों को जोड़ने के लिए किया जाता है, जैसे कि रंग, फ़ॉन्ट, आकार, और बहुत कुछ।


उदाहरण

मैं लाल हूँ

मैं नीला हूँ

मैं बड़ा हूँ


HTML शैली विशेषता

एक HTML तत्व की शैली निर्धारित करना, styleविशेषता के साथ किया जा सकता है।

HTML styleविशेषता में निम्नलिखित सिंटैक्स है:

<tagname style="property:value;">

संपत्ति एक सीएसएस संपत्ति है। मान एक CSS मान है।

आप इस ट्यूटोरियल में बाद में CSS के बारे में और जानेंगे।


पृष्ठभूमि का रंग

CSS background-colorगुण HTML तत्व के लिए पृष्ठभूमि रंग को परिभाषित करता है।

उदाहरण

पृष्ठ के लिए पृष्ठभूमि रंग को पाउडरब्लू पर सेट करें:

<body style="background-color:powderblue;">

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>

उदाहरण

दो अलग-अलग तत्वों के लिए पृष्ठभूमि का रंग सेट करें:

<body>

<h1 style="background-color:powderblue;">This is a heading</h1>
<p style="background-color:tomato;">This is a paragraph.</p>

</body>


लिखावट का रंग

CSS colorगुण HTML तत्व के लिए टेक्स्ट रंग को परिभाषित करता है:

उदाहरण

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

फोंट्स

CSS font-familyगुण HTML तत्व के लिए उपयोग किए जाने वाले फ़ॉन्ट को परिभाषित करता है:

उदाहरण

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

टेक्स्ट का साइज़

CSS font-sizeगुण HTML तत्व के लिए टेक्स्ट आकार को परिभाषित करता है:

उदाहरण

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

पाठ्य संरेखण

CSS text-alignगुण HTML तत्व के लिए क्षैतिज पाठ संरेखण को परिभाषित करता है:

उदाहरण

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

अध्याय का सारांश

  • styleHTML तत्वों को स्टाइल करने के लिए विशेषता का उपयोग करें
  • background-colorपृष्ठभूमि रंग के लिए उपयोग करें
  • colorटेक्स्ट रंगों के लिए उपयोग करें
  • font-familyटेक्स्ट फोंट के लिए उपयोग करें
  • font-sizeपाठ आकार के लिए उपयोग करें
  • text-alignटेक्स्ट संरेखण के लिए उपयोग करें

एचटीएमएल व्यायाम

व्यायाम के साथ खुद को परखें

व्यायाम:

अनुच्छेद का रंग "नीला" सेट करने के लिए सही HTML विशेषता और CSS का उपयोग करें।

<पी =";">यह एक पैराग्राफ है।</p>