An Online Auction Site by Collectors for Collectors!

Elongated Coins Encased Coins Geocoins, Trackable Coins Medals Other Publications So-Called Dollars Supplies Tokens: Civil War Tokens: Hard Times Tokens: Love Tokens: Other Tokens: Transit Tokens: US Trade US Coins: Dollars US Coins: Halves World

Closed Auctions Leave Feedback Search for Feedback New Registration Change Registration Lookup Username Lookup Password

Post New Item Closed Auctions Leave Feedback Search for Feedback New Registration Change Registration Lookup Username Lookup Password

Elongated Coins Directory What's New Mailing List Top 100 Sites What's Cool What's New Add A Site Request Directory Search

Wanted Ads

Forum Create Free Web Page

Search Help Glossary of Auction Terms HTML Tutorial

Monthly Calendar Weekly Calendar 2-Week Calendar 3-Week Calendar 4-Week Calendar

xsellx

We have designed this short tutorial in the hopes of assisting you in selling your items at Exonumia Auctions. With a little HTML knowledge you can make your adds stand out and get noticed.

What is HTML? HyperText Mark-up Language (HTML) is a language used to make web pages. This language is what your browser translates into those cool (and sometimes not so cool) web pages you have been viewing, (like this one).

HTML Tags Chart

Tag

Name

Code Example

Browser View

Nothing will show.

The comment tag is used to display text within your HTML document that will not be viewable on your web page. They enable you to mark the beginning and end of sections in your HTML code for easy editing.

<A - anchor <A HREF="http://www.domainexample.com/">Visit Our Site</A> Visit Our Site

This code is used to create a link. To link to a page within the same directory of your website, you only need to include the page name within the HTML code. Example: example.html. When linking to a page within your website in a different directory, you must include the directory name. Example: yourdirectory/example.html. When linking to another website, you must include the full URL beginning with http.

<B> bold <B>Example</B> Example

<BIG> big (text) <BIG>Example</BIG> Example

To increase the size of your word even further, you can add two BIG tags side by side.

<BODY> body of HTML document <BODY>The content of your HTML page</BODY> Contents of your web page.

The contents of your web page is displayed between the BODY tags. This includes everything that is displayed when viewed through a web browser.

<BR> line break The contents of your page<BR>The contents of your page The contents of your web page
The contents of your web page

center

<CENTER>This will center your contents</CENTER>

This will center your contents

<DD>

definition description

<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL>

Definition Term: Definition of the term
Definition Term: Definition of the term

<DL>

definition list

<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL>

Definition Term: Definition of the term
Definition Term: Definition of the term

<DT>

definition term

<DL>
<DT>Definition Term
<DD>Definition of the term
<DT>Definition Term
<DD>Definition of the term
</DL>

Definition Term: Definition of the term
Definition Term: Definition of the term

<EM> emphasis This is an <EM>Example</EM> of using the emphasis tag This is an Example of using the emphasis tag

<EMBED> embed object <EMBED src="charmed.mid" width="100%" height="60" align="center"> When embedding sound in your page, the sound file must be in the same directory as your web page. If your sound file is located in another directory, you must include the directory within your link. Example: yourdirectory/charmed.mid.

<EMBED> embed object <EMBED src="charmed.mid" autostart="true" hidden="false" loop="false">
<noembed><bgsound src="charmed.mid" loop="1"></noembed> Music will begin playing when your page is loaded and will only play one time. A control panel will be displayed to enable your visitors to stop the music.

<FONT> font <FONT FACE="Times New Roman">Example</FONT> Example

You can change the font style to whatever you would like, but keep in mind, your visitors must have the font you select on their computer, or your page will not be displayed as you intended. Try to select a common font. To find the fonts you have on your computer, open your word processing program and click on the font drop down menu.

<FONT> font <FONT FACE="Times New Roman" SIZE="4">Example</FONT> Example

You can change the size of your font by adding SIZE= whatever number you would like, within your FONT tag.

<FONT> font <FONT FACE="Times New Roman" SIZE="+3" COLOR="#FF0000">Example</FONT> Example

You can change the color of your font by adding COLOR= whatever HTML color code you would like, within your FONT tag.

<FORM>

form

<FORM action="mailto:you.com">
Name: <INPUT name="Name" value="" size="10"><BR>
Email: <INPUT name="Email" value="" size="10"><BR>
<CENTER><INPUT type="submit"></CENTER>
</FORM>

<H1>

heading 1

<H1>Heading 1 Example</H1>

Heading 1 Example

<H2>

heading 2

<H2>Heading 2 Example</H2>

Heading 2 Example

<H3>

heading 3

<H3>Heading 3 Example</H3>

Heading 3 Example

<H4>

heading 4

<H4>Heading 4 Example</H4>

Heading 4 Example

<H5>

heading 5

<H5>Heading 5 Example</H5>

Heading 5 Example

<H6>

heading 6

<H6>Heading 6 Example</H6>

Heading 6 Example

<HEAD> heading of HTML document <HEAD>Contains elements describing the document</HEAD> Nothing will show

<HR>

horizontal rule

<HR>

Contents of your web page

Contents of your web page

The HR tag is used to divide subjects on your web page. You can specify the height, width, color and shading values. Examples Below.

<HR>

horizontal rule

<HR WIDTH="50%" SIZE="3">

Contents of your web page

<HR>

horizontal rule

<HR WIDTH="50%" SIZE="3" NOSHADE>

Contents of your web page

<HR>
(Internet
Explorer)

horizontal rule

<HR WIDTH="75%" COLOR=" #FF0000" SIZE="4">

Contents of your web page

<HR>
(Internet
Explorer)

horizontal rule

<HR WIDTH="25%" COLOR="#6699FF" SIZE="6">

Contents of your web page

<HTML> hypertext markup language <HTML><HEAD><META><TITLE>Title of your web page</TITLE></HEAD><BODY>HTML web page contents</BODY></HTML> Contents of your web page

<I> italic <I>Example</I> Example

<IMG> image <IMG SRC="cable_car_museum_gallery.jpg" WIDTH="96" HEIGHT="53" BORDER="0" ALT="a sentence about your web site"> You can resize your image simply by changing the height and width within your HTML document. In addition, you can add the ALT element to assist you in ranking higher in the search engines. Place a short sentence about your website, filled with your most important keywords. The text will only be displayed on your website while your image loads or when you place your mouse over it.

<INPUT>

input field

Example 1:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>

<INPUT>
(Internet Explorer)

input field

Example 2:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<INPUT type="text" STYLE="color: #FFFFFF; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72A4D2;" size="10" maxlength="30">
<INPUT type="Submit" VALUE="Submit">
</FORM>

<INPUT>

input field

Example 3:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="2"><TR><TD BGCOLOR="#8463FF"><INPUT type="text" size="10" MAXLENGTH="30"></TD><TD BGCOLOR="#8463FF" VALIGN="Middle"> <INPUT type="image" name="submit" src="search.gif"></TD></TR> </TABLE>
</FORM>

<INPUT>

input field

Example 4:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Enter Your Comments:<BR>
<TEXTAREA wrap="virtual" name="Comments" rows=3 cols=20 MAXLENGTH=100></TEXTAREA><BR>
<INPUT type="Submit" VALUE="Submit">
<INPUT type="Reset" VALUE="Clear">
</FORM>

<INPUT>

input field

Example 5:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION >option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
<INPUT type="Submit" VALUE="Submit"></CENTER>
</FORM>

<INPUT>

input field

Example 6:

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Select an option:<BR>
<INPUT type="radio" name="option"> Option 1
<INPUT type="radio" name="option" CHECKED> Option 2
<INPUT type="radio" name="option"> Option 3
<BR>
<BR>
Select an option:<BR>
<INPUT type="checkbox" name="selection"> Selection 1
<INPUT type="checkbox" name="selection" CHECKED> Selection 2
<INPUT type="checkbox" name="selection"> Selection 3
<INPUT type="Submit" VALUE="Submit">
</FORM>

<LI>

list item

Example 1:

<MENU>
<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU>

Example 2:

<OL type="i">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Example 1:
You can change the style of your bullets by adding TYPE= disc, circle or square right after LI between the lesser than and greater than symbols.

List item 1
List item 2
List item 3

Example 2:

List item 1
List item 2
List item 3
List item 4

<LINK> link Visit our <A HREF="http://www.domainexample.com/">site</A> Visit our site

<MARQUEE>
(Internet
Explorer) scrolling text <MARQUEE bgcolor="#CCCCCC" loop="-1" scrollamount="2" width="100%">Example Marquee</MARQUEE> Example Marquee
You can change the background color of your MARQUEE by changing the HTML color code #CCCCCC to the left. The loop determines how many times the words will scroll and is set to -1, which is indefinite. It can be set to whatever you would like. The SCROLLAMOUNT determines the speed your text will scroll.

<MENU>

menu

<MENU>
<LI type="disc">List item 1
<LI type="circle">List item 2
<LI type="square">List item 3
</MENU>

List item 1
List item 2
List item 3

<META> meta <META name="Description" content="Description of your site">
<META name="keywords" content="keywords describing your site"> Nothing will show

The META description and keyword TAGS are used to enable search engines to properly index your website. It is VERY important to use the best possible description of your site and include keywords within your description. In addition, to achieve a higher ranking in the search engines, try to use keyword phrases instead of single keywords and focus your keyword phrases on just a few specific topics that best describe your website. Utilize your TITLE and ALT tags along with the TEXT of your webpage to include your keyword phrases in readable sentences. By combining all of these optimization methods, you will increase your ranking in the search engines immensely.

<META> meta <META HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.domainexample.com/"> Nothing will show
The META refresh tag is used to automatically redirect your visitor to another web address. This tag is generally used when a website moves and needs to have traffic redirected to the new location.

<META> meta <META http-equiv="Pragma" content="no-cache"> Nothing will show
The META no-cache tag is used to prevent the users browser from storing a webpage in their cache file. The cache file stores webpages for quicker loading the next time the user visits the website. If you make changes to your webpage and you choose not to use the no-cache tag, the user would not see your changes, but the original page that would be loaded from the cache file.

<META> meta <META name="rating" content="General"> Nothing will show
The META rating tag is used to enable you to rate your website with the search engines. A general rating means that your webpage contains no adult content and is safe for all ages.

<META> meta <META name="ROBOTS" content="ALL"> Nothing will show
The META robots content all tag is used to direct the search engines to index all of your webpage content.

<META> meta <META NAME="ROBOTS" content="NOINDEX,FOLLOW"> Nothing will show
The META robots noindex tag is used to tell the search engines not to index a webpage.

<OL>

ordered list

Example 1:

<OL>
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Example 2:

<OL type="a">
<LI>List item 1
<LI>List item 2
<LI>List item 3
<LI>List item 4
</OL>

Example 1:

List item 1
List item 2
List item 3
List item 4

Example 2:

List item 1
List item 2
List item 3
List item 4

listbox option

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
<CENTER>
Select an option:
<SELECT>
<OPTION>option 1
<OPTION SELECTED>option 2
<OPTION>option 3
<OPTION>option 4
<OPTION>option 5
<OPTION>option 6
</SELECT><BR>
</CENTER>
</FORM>

<P>

paragraph

This is an example displaying the use of the paragraph tag. <P> This will create a line break and a space between lines.

Attributes:

Example 1:<BR>
<BR>
<P align="left">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 2:<BR>
<BR>
<P align="right">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.<BR>
<BR>
Example 3:<BR>
<BR>
<P align="center">
This is an example<BR>
displaying the use<BR>
of the paragraph tag.

This is an example displaying the use of the paragraph tag.

This will create a line break and a space between lines.

Attributes:

Example 1:

This is an example
displaying the use
of the paragraph tag.

Example 2:

This is an example
displaying the use
of the paragraph tag.

Example 3:

This is an example
displaying the use
of the paragraph tag.

<SMALL> small (text) <SMALL>Example</SMALL> Example
To decrease the size of your word even further, you can add two SMALL tags side by side.

<STRONG> strong emphasis <STRONG>Example</STRONG> Example

<TABLE>

table

Example 1:

<TABLE BORDER="4" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Example 2: (Internet Explorer)

<TABLE BORDER="2" BORDERCOLOR="#336699" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Example 3:

<TABLE CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD BGCOLOR="#CCCCCC">Column 1</TD>
<TD BGCOLOR="#CCCCCC">Column 2</TD>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
</TABLE>

Example 1:
To add additional columns to your table, simply add another TD tag. To add an additional row, add another TR tag followed by your TD tags. You can display your table with no border or change the width by changing the BORDER= to whatever number you would like.

Column 1

Column 2

Example 2:
You can change the color of your tables border by adding, BORDERCOLOR= #COLORCODE in the TABLE tag.

Column 1 Column 2

Example 3:
To change the color of your tables cell, add BGCOLOR= #COLORCODE within your TD tag.

Column 1 Column 2

Row 2 Row 2

<TD>

table data

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Column 1

Column 2

<TH>

table header

<DIV align="center"><TABLE>
<TR>
<TH>Column 1</TH>
<TH>Column 2</TH>
<TH>Column 3</TH>
</TR>
<TR>
<TD>Row 2</TD>
<TD>Row 2</TD>
<TD>Row 2</TD>
</TR>
<TR>
<TD>Row 3</TD>
<TD>Row 3</TD>
<TD>Row 3</TD>
</TR>
<TR>
<TD>Row 4</TD>
<TD>Row 4</TD>
<TD>Row 4</TD>
</TR>
</TABLE>
</DIV>

Column 1	Column 2	Column 3
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3
Row 4	Row 4	Row 4

<TITLE> document title <TITLE>Title of your HTML page</TITLE> Title of your web page will be viewable in the title bar.
The TITLE tag should contain a descriptive sentence describing your website. Make sure you include your most relevant keywords for better search engine ranking.

<TR>

table row

<TABLE BORDER="2" CELLPADDING="2" CELLSPACING="2" WIDTH="100%">
<TR>
<TD>Column 1</TD>
<TD>Column 2</TD>
</TR>
</TABLE>

Column 1 Column 2

<TT> teletype <TT>Example</TT> Example

<U> underline <U>Example</U> Example

<UL>

unordered list

Example 1:<BR>
<BR>
<UL>
<LI>List item 1
<LI>List item 2
</UL>
<BR>
Example 2:<BR>
<UL type="disc">
<LI>List item 1
<LI>List item 2
<UL type="circle">
<LI>List item 3
<LI>List item 4
</UL>
</UL>

Example 1:

List item 1
List item 2

Example 2:

List item 1
List item 2
- List item 3
- List item 4

Learn even more about HTML in Exonumia Auctions Free Web Page Resource Section (please see the HTML Tutorial).

An Online Auction Site by Collectors for Collectors!

Newest Member

Exonumia Auctions welcomes its newest member Elammarolkilk

Categories	Login	My Open-Auction-Center	Closed Auctions	Post New Item	Contact A User
Seller Ban Bidder	Retract A Bid	Search for Feedback	Leave Feedback	New Registration	Change Registration
Lost Alias or Password	Suggest This Site to a Friend	Number of registered users	Glossery	Search Help	HTML Tags Chart
RGB Color Chart	Create Free Web Page	Edit Free Web Page	Free Web Page Tutorial	Search Free Web Pages	Calendar
Forum	Administration