Tips for Real Estate Agents: HTML Basics – Text

There are two basic ways of changing the color of your text using HTML. One is by a specific color name. There are 147 HTML color names you can use. The basics, like black, blue and red to name a few, along with many others such as MidnightBlue, Aquamarine and Gold.

<font color=”blue”>Blue text</font> is nice.

The closing </font> tag makes it so that everything after the tag is in the default format. With HTML, any tag that is opened needs to be closed.

The other way to specify color is by using a Hex Value or Hex Code. Each color in the spectrum has a unique Hex Value – a pound symbol (#) followed by a series of six characters that define each color. The first two characters represent the amount of red, the second two represent the amount of green, and the last two represent the amount of blue. Each character can be a number 0-9 or a letter a-f; 0 being the absence of color and f being the highest amount of that color. When they are all combined, they produce a color on the screen. Pure red is #ff0000, green #00ff00, blue #0000ff. You can play with these codes to find your own colors. What color does #abcdef make? How about #abc123 or #654321? Use the HTML color picker to try your own or to find out which Hex Value matches your company logo.

When put into practice, the codes look like this:

<font color=”#33cebe”>This color looks good on me.</font>

Remember, if you start it, finish it. Even if you are formatting your entire signature in one color, you will want to close with the </font> tag to avoid any potential issues with your emails.

Another attribute we can change with the <font> tag is the size of your text. Just like choosing the size when typing emails or documents, you can specify the size of your text with HTML. Example below:

<font size=”5″>Larger for emphasis</font> or
<font size=”1″>smaller for the fine print.</font>

The larger the number, the larger the text will be. Pretty easy, huh?

For additional styling, you can make your text bold <b> or italicized <i>. Let’s try them out!

<b>My bold text</b>
<i>But wait, there’s more…</i>

Even though we are not using the <font> tag, we are still closing the tags we are using with </b> and </i> at the end.

Feel like trying them all at once? These can all be combined to create a large, bold, italicized string of text in my new favorite color.

<font size=”5″ color=”#33cebe”><b><i>It’s Pure Brilliance!</i></b></font>

Since both the color and the size attributes use the font tag, I was able to combine them, eliminating the need to duplicate the font tag.