How To Highlight Certain Words in Your WordPress Blog

A really simple tip for those who is entirely blind to html. There will be times when you want to highlight certain words with a bright background to emphasize the importance of the words. There are two ways to achieve this. One is to add another class in your stylesheet so when you write a post you can simple tag them with your CSS stylings. This method has it’s limits as every word you tag will have the same highlight color.

A more versatile method will be to use the span tag. With this you do not need to add any CSS codes and you can choose any colors you like for every different word you want to highlight. For example:

<span style="background:#00FFFF">This is a Cyan background</span>

results in:

This is a Cyan background

<span style="background:#FFFF00">This is a yellow background</span>

results in:

This is a yellow background

You can go even further like specifying the size and color of the fonts

<span style="background:#00ffff; font-size:18px; font-weight:bold;color:#FF0000">This is bold text in red</span>

results in:

This is bold text in red

Or if you like, you can just colorize the fonts without any backgrounds

<span style="color:#ff0000">This is a red color font without background</span>

results in:

This is a red color font without background
<span style="color:#ffff00; font-size: 20px; font-weight: bold">This is bold red text without background</span>

results in:

This is bold red text without background

Let your imaginations fly.