Melonbones Auction HTML - 101
An introductory course for beginners.
Lesson # 1
Centering * Font Color * Font Size

\

These are the most common HTML tags you will use to spruce up your auction listings. To use HTML in your item descriptions, just enclose the word or words you want to change with the appropriate tags.

If you are designing an entire web page to be uploaded to the web, please click here.

Don't forget, when you use an <OPEN> tag, you must ALWAYS use a </CLOSE> tag at the end. That's the one with the forward-slash just before the word, like this:

</word>

The easiest thing to do is center text or a picture on the page. We will use the CENTER tags like this:

No center tags on this text.

<CENTER>This text is centered.</CENTER>

(the tags will not show up on the finished page)

Notice the </CENTER> tag at the end? - This is CRUCIAL! When adding HTML to your listings, ALWAYS close the tags. It becomes even more important later, when you put a link to another web page, or a picture in your description.


The next thing to do is add color or change the size of the text for your listings. Use the font tags below to change the color of your text. These are the 16 web-safe colors. All browsers can read these colors. Notice the one that's missing? - That's the background color of this page. There must be a space after the word FONT, but not in the rest of the formula between the diamond operators (that's the < and > ).
P.S. - Those are zeros in the color code, not the letter O.

<FONT COLOR=FFFFFF>Put your text here</FONT>
<FONT COLOR=000000>
Put your text here</FONT>
<FONT COLOR=FF0000>
Put your text here</FONT>
<FONT COLOR=FF00FF>
Put your text here</FONT>
<FONT COLOR=0000FF>
Put your text here</FONT>
<FONT COLOR=00FFFF>
Put your text here</FONT>
<FONT COLOR=00FF00>
Put your text here</FONT>
<FONT COLOR=FFFF00>
Put your text here</FONT>
<FONT COLOR=CCCCCC>Put your text here</FONT>
<FONT COLOR=999999>
Put your text here</FONT>
<FONT COLOR=990000>
Put your text here</FONT>
<FONT COLOR=990099>
Put your text here</FONT>
<FONT COLOR=000099>
Put your text here</FONT>
<FONT COLOR=009999>
Put your text here</FONT>
<FONT COLOR=009900>
Put your text here</FONT>
<FONT COLOR=999900>
Put your text here</FONT>

To see these colors against a white background, click here.

Now let's change the size of the text. There are 7 sizes supported by all browsers, and for some strange reason, they are numbered from -2 to +4. Here they are:

<FONT SIZE=-2>This the -2 size.</FONT>
<FONT SIZE=-1>
This the -1 size.</FONT>
<FONT SIZE=0>
This the zero size.</FONT>
<FONT SIZE=+1>This the +1 size.</FONT>
<FONT SIZE=+2>
This the +2 size.</FONT>
<FONT SIZE=+3>
This the +3 size.</FONT>
<FONT SIZE=+4>
This the +4 size.</FONT>

Do you see how a line of type can wrap to the next line, and the </FONT> tag still goes at the end?

You can combine those two font tags into one diamond operator, so instead of:

<font color=FF00FF><font size=+2>Your text goes here with TWO close-font tags.</font></font>

You can do it like this:

<font color=FF00FF size=+2>Your text goes here with ONE close-font tag.</font>

Also, notice there are now two spaces in the formula. It will not work properly without the spaces in the right places.

Want to learn some more?
Next page

Table of Contents

\


This free course is being provided by Melonbones Online Auction.
Please tell a friend about us.

www.melonbones.com

Melonbones Millennium Banner Exchange
Melonbones Millennium Banner Exchange