HTML: पाठ के एक स्ट्रिंग में विशिष्ट शब्दों के रंग बदलना

Question 1

मेरे पास नीचे का संदेश है (थोड़ा बदला हुआ):

"30 जनवरी 2011 तक प्रतियोगिता में प्रवेश करें और आप $ $ $ $ तक जीत सकते हैं - अद्भुत गर्मियों की यात्राएं सहित!"

वर्तमान में मेरे पास है:

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">

पाठ स्ट्रिंग को स्वरूपित करना, लेकिन "30 जनवरी, 2011" का रंग बदलकर # FF0000 और "ग्रीष्म" को # 0000A0 करना चाहते हैं।

मैं इसे HTML या इनलाइन CSS के साथ सख्ती से कैसे करूँ?

Question 2

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
  Enter the competition by 
  <span style="color: #ff0000">January 30, 2011</span>
  and you could win up to $$$$ — including amazing 
  <span style="color: #0000a0">summer</span> 
  trips!
</p>

या आप इसके बजाय CSS कक्षाओं का उपयोग करना चाह सकते हैं:

<html>
  <head>
    <style type="text/css">
      p { 
        font-size:14px; 
        color:#538b01; 
        font-weight:bold; 
        font-style:italic;
      }
      .date {
        color: #ff0000;
      }
      .season { /* OK, a bit contrived... */
        color: #0000a0;
      }
    </style>
  </head>
  <body>
    <p>
      Enter the competition by 
      <span class="date">January 30, 2011</span>
      and you could win up to $$$$ — including amazing 
      <span class="season">summer</span> 
      trips!
    </p>
  </body>
</html>

Question 3

आप HTML5 टैग का उपयोग कर सकते हैं :

<p>Enter the competition by 
<mark class="red">January 30, 2011</mark> and you could win up to $$$$ — including amazing 
<mark class="blue">summer</mark> trips!</p>

और CSS में इसका उपयोग करें:

p {
    font-size:14px;
    color:#538b01;
    font-weight:bold;
    font-style:italic;
}

mark.red {
    color:#ff0000;
    background: none;
}

mark.blue {
    color:#0000A0;
    background: none;
}

टैग में डिफ़ॉल्ट पृष्ठभूमि रंग है ... कम से कम क्रोम में।

Question 4

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">
    Enter the competition by <span style="color:#FF0000">January 30, 2011</span> and you could win up to $$$$ — including amazing <span style="color:#0000A0">summer</span> trips!
</p>

स्पैन एलिमेंट्स इनलाइन हैं, इस प्रकार पैराग्राफ के प्रवाह को नहीं तोड़ते हैं, केवल टैग के बीच की शैली है।

Question 5

स्पैन का उपयोग करें। पूर्व)January 30, 2011

Question 6

<font color="red">This is some text!</font>

मेरे लिए यह सबसे अच्छा था जब मैं केवल एक शब्द को एक वाक्य में रंग लाल में बदलना चाहता था।

Question 7

आप एक वर्ग भी बना सकते हैं:

 I am in yellow color!!!!!!

फिर एक सीएसएस फ़ाइल में करें:

.mychangecolor{ color:#ff5 /* it changes to yellow */ }

Question 8

इस कोड को दर्जी करें हालांकि आप अपनी आवश्यकताओं को पूरा करना चाहते हैं, आप पाठ का चयन कर सकते हैं? पैराग्राफ में क्या फ़ॉन्ट या शैली आप की जरूरत है!

<head>
<style>
p{ color:#ff0000;font-family: "Times New Roman", Times, serif;} 
font{color:#000fff;background:#000000;font-size:225%;}
b{color:green;}
</style>
</head>
<body>
<p>This is your <b>text. <font>Type</font></strong></b>what you like</p>
</body>

Question 9

आप लंबे बोरिंग तरीके का उपयोग कर सकते हैं

<p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;">Enter the competition by</p><p style="font-size:14px; color:#ff00; font-weight:bold; font-style:italic;">summer</p>

स्निपेट का विस्तार करें

आप बाकी के लिए बात करते हैं