title: Change color of a word in html
body: <p>I have a <code>.html</code> document that looks like this:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;title&gt;Change color&lt;/title&gt;
    &lt;style&gt;
     .colortext {
       color: red; 
     }
    &lt;/style&gt;
   &lt;/head&gt;
   &lt;body&gt;
    &lt;p&gt;bla bla lbla &lt;span class="colortext"&gt;the&lt;/span&gt;, 
   the balfds of .&lt;/p&gt;
   &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>
  
  <p>In this document I give to <code>the</code> a red color. But how should I go in order to change color of every <code>the</code>in my huge text? Is there a way to change color in order not to write </p>
  
  <blockquote>
    <p><code>&lt;span class="colortext"&gt;</code></p>
  </blockquote>
  
  <p>for <strong>every</strong> word, I need?</p>