• 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> | |
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> |
|
Bulleted Lists | |
My item is: <ul> <li>Used</li> <li>In perfect condition</li> </ul> |
My item is:
|
Ordered Lists | |
My item is: <ol> <li>Used</li> <li>In perfect condition</li> </ol> |
My item is:
|
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
|
|
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. |