Where Antiques meet the Internet

Some Commonly Used HTML Tags

• Here is a list of common HTML tags and the results they produce.
• A < > identifies the beginning of a tag and </> indicates the end of a tag.
• Tags must begin <font color="red">and end</font> (except for <br> and <hr>).
Paragraphs, line breaks, and horizontal rules
Paragraph:
<p>This is my item!</p><p>Buy it now!</p>

This is my item!

Buy it now!

Line Break:
This is my item!<br>Buy it now!
This is my item!
Buy it now!
Horizontal Rule:
This is my item!<hr>Buy it now!
This is my item!
Buy it now!
Change header sizes
Search engines expect you to use header tags H1, H2 and H3 to organize the content of your web site.
<h1>Header 1</h1>Header 1
<h2>Header 2</h2>Header 2
<h3>Header 3</h3>Header 3
<h4>Header 4</h4>Header 4
<h5>Header 5</h5>Header 5
<h6>Header 6</h6>Header 6
Change relative font sizes
<font size="+4">This is my item!</font> This is my item!
<font size="+3">This is my item!</font> This is my item!
<font size="+2">This is my item!</font> This is my item!
<font size="+1">This is my item!</font> This is my item!
This is my item! This is my item!
<font size="-1">This is my item!</font> This is my item!
<font size="-2">This is my item!</font> This is my item!
Emphasize words using bold, italic, underline and strike through.
<b>This is my item!</b> This is my item!
<i>This is my item!</i> This is my item!
<u>This is my item!</u> This is my item!
<s>This is my item!</s> This is my item!
Increase or decrease font sizes one size at a time using <big> and <small> tags
Buy this <big>right away<big> for a great deal,
</big>you will</big>like it!
Buy this right away for a great deal you will like it!
Buy it now! <small>Before
someone else does!</small> 
Buy it now! Before someone else does!
Change font colors
<font color="aqua">aqua</font>
<font color="black">black</font>
<font color="blue">blue</font>
<font color="fuchsia">fuchsia</font>
<font color="gray">gray</font>
<font color="green">green</font>
<font color="purple">purple</font>
<font color="red">red</font>
<font color="white">white</font>

As you see, you must choose your colors carefully, here is a color selection page.
Change font face
<font face="verdana"> This font face is Verdana </font>
<font face="georgia"> This font face is Georgia </font>
<font face="times new roman"> This font face is Times New Roman </font>

Some fonts are easier to read than others.
Center Text
<center>Buy it now!</center>
Buy it now!
Bulleted Lists
My item is:
<ul>
<li>Used</li>
<li>In perfect condition</li>
</ul>
My item is:
  • Used
  • In perfect condition
Ordered Lists
My item is:
<ol>
<li>Used</li>
<li>In perfect condition</li>
</ol>
My item is:
  1. Used
  2. In perfect condition
Combine Tags
<center><font size="+2" color="green">Buy it now!</font>
<hr width="75%">
<font size="-1" color="fuchsia">Before someone else does!</font></center>
Buy it now!
Before someone else does!
Create links
<a href="http://www.the-webmasters-antiques.com" target="_blank">The Webmaster's Antiques</a>
The Webmaster's Antiques
  • target="_blank" opens the link in a new window.
  • There is a space before the word target.
  • There is an _ (underscore) between the " and the word blank.
Advanced Text Tip When you see a web page you like, you can make the HTML tags visible by clicking with the right mouse button in an empty area of the page and then selecting "view source" from the menu. The HTML code for that page will appear. You will be able to study the HTML tags that were used to design the page.