How to change the color of only one word in a paragraph?

Question

For example, in a paragraph:

<p id="paragrafo">
    Bla bla bla
    banana uva morango
    bla bla bla
</p>

How would I change the color of just the word "grape," for example?

Answer 1

How to change the color of just one word in a paragraph?

Put a span, which is the tag most recommended for this purpose in the word uva and style as you please:

<p id="paragrafo">
    Bla bla bla
    banana <span style="color: #f00;">uva</span> morango
    bla bla bla
</p>

Another way, more ideal, would be to add a class to the tag span and stylize inside a block with tag style:

<style type="text/css">
    .corVermelha {
        color: #f00;
    }
</style>

<p id="paragrafo">
    Bla bla bla
    banana <span class="corVermelha">uva</span> morango
    bla bla bla
</p>

PS: It is recommended that the tag style stay inside the block of tag head of HTML. As much as it works out, it is advisable to do so.

References:

HTML <span> Tag;

HTML <style> Tag;

Finally, I recommend that you study a little bit about the tags of HTML and about the stylization with CSS.

Answer 2

Place your customizable text within a tag and assign it a class, so you have a customizable inline element. I hope I’ve helped

.palavra{
  color: purple;
}

<p id="paragrafo">
Bla bla bla
banana 
morango
bla bla bla
<span class="palavra">uva<span> 
</p>

Answer 3

You can do it like this

<p id="paragrafo">
    Bla bla bla
    banana <span style="color: #4286f4">uva</span> morango
    bla bla bla
</p>