Formatting your listing text

This is what the listing I was prettying up in the Adding a photo, Part I looks like. I want to add a couple more photos to it, but first I’m going to do something with that text.

It’s a huge block of text, the default size font is really tiny, and it’s hard to read even if you’ve got good eyesight. Some callers can’t read that, so you may as well be writing in fake Latin, as far as they are concerned. Let’s do something about that.

First, let’s look at font sizes. Standard html fonts come in 7 sizes, numbered from ’1′ (smallest) to ’7′ (largest). To specify a font size, you would put a font tag on either side of the section you want to have that size. If you don’t end it, the rest of your document will be that font. This would change something to font size ’1′.
<font size=”1″>Word or sentence</font>
The default font face on Niteflirt is called Arial. The default size is ’2′. This is what Arial looks like in the standard sizes.

To change the font face from Arial to Times New Roman, use this code.
<font face=”times new roman”>Word or sentences</font>
This is what the 7 top web fonts look like in size ’3′.

There are lots of other gorgeous fonts. Avoid them. Most people don’t have them installed, and their computer will substitute something else that might look really different. Making good font choices.
Make text italic like this.
<i>This is italic.</i>

Make text bold like this.
<b>This is bold.</b>

Make text colored like this.
<font color=”red”>This is red.</font>
To make a multicolored line, color the words individually.

Here’s what it looks like when you do it all together.
<i><b><font face=”comic sans” size=”4″ color=”purple”>Comic sans size 4 purple bold italic</font></b></i>

Wow, this is getting boring. If you want more info, here’s the text file. Download it and look.

I’m just going to go in there and give that listing maroon georgia size 3 italic text. I’m going to add a header at the top, and I’m going to add a subheader before the second paragraph.
<font face=”georgia” size=”3″ color=”maroon”><i>
I’m not going to bother changing the font, so I don’t need to use the end tags on Niteflirt.

Unfortunately, you do have to also separately add font to the headers, or the color will only show up in Firefox.
<h2><font face=”georgia” color=”maroon”>My header</font></h2>

Here’s what it looks like now.