Below you will find Tables showing additional examples of Basic HTML code for quick reference along with links at the bottom of each table to several extensive HTML references.

For anyone who would like to post the Basic HTML Table or a smaller Link Table to these pages for the purpose of answering someone's basic HTML question, the Copy & Paste HTML can be found Here.

The Basic HTML Table and Other HTML Tips page can be found Here.



Part 1.   Basic HTML for text;
Part 2.   Basic HTML Image Source Specifications;
Part 3.   Basic HTML for HyperLinks;
Part 4.   Basic HTML for Tables;


_

Basic HTML for Text
HTML to UseResult with Explanation
Text HTML
<b>Your Bold Text</b>  =    Your Bold Text    *Be sure to use closing tags i.e. </b>
<i>Your Italic Text</i>  =    Your Italic Text
<u>Your Underline Text</u>  =    Your Underline Text
<s>Your Strike through Text</s>  =    Your Strike through Text
<b><font color=red>Your Bold Red Text</b></font>  =    Your Bold Red Text
<font size=+1><b>Your Bold Text Size increased by 1</b></font>  =    Your Bold Text Size increased by 1
<font color=navy size=-1>Your Navy Text Size decreased by 1</font>  =    Your Navy Text Size decreased by 1
<font face="comic sans ms">Changes your Text Font</font>  =    Changes your Text Font
<center>This will Center Your Text</center>  =   
This will Center Your Text
Your text can be separated  <br>
by advancing one line with a Line Break tag.
=    Your text can be separated
      by advancing one line with a Line Break.

Note:  No closing tags are required for Line Breaks <br> or Paragraphs <p>

Your text can be separated  <p>
by advancing two lines with a Paragragh tag.
=    Your text can be separated

      by advancing two lines with a Paragragh tag.

HTML Help Links:   |  Annabella's HTML,   |  Fonts & Colors,   |  Quick Tables,   |  HTML 4 eBayers,   |  Tips & Tricks


_

Basic HTML Image Source Specifications
HTML to UseResult with Explanation
Image Source Specification
<img src="http://YourUrl/YourImage.gif">  =    Example HTML code - Note: use space between <img and src= & this is case sensitive.  Use YourImage.gif or .jpg
<img src="http://pics.ebay.com/aw/pics/mask.gif">  =        Example showing eBay's shades
<img src="http://pics.ebay.com/aw/pics/mask.gif" border=1>   =        Example Image with a border of 1. 
<img src="http://pics.ebay.com/aw/pics/mask.gif">
<img src="http://pics.ebay.com/aw/pics/mask.gif"> 
=          Example Images Side by Side. 
<img src="http://pics.ebay.com/aw/pics/mask.gif" hspace=20>
<img src="http://pics.ebay.com/aw/pics/mask.gif"> 
=          Horizontal spacing between images using hspace=n where n= the number of pixels for the spacing i.e. 20 in this example. 
<img src="http://pics.ebay.com/aw/pics/mask.gif"> <br>
<img src="http://pics.ebay.com/aw/pics/mask.gif"> 
=   
          Example of Stacked Images.  Use <br> or <p> between image source statements
<img src="http://pics.ebay.com/aw/pics/mask.gif" align=left>  



=    Aligns image to left

<center><img src="http://pics.ebay.com/aw/pics/mask.gif"></center>  

=    Aligns image to center

<img src="http://pics.ebay.com/aw/pics/mask.gif" align=right>  



=    Aligns image to right

Image & Other HTML Links:   |  HTML 4 eBayers,   |  Images.  |  Aligning Images |


_

Basic HTML for HyperLinks
HTML to UseResult with Explanation
HyperLink Source Specification with Text
<a href="http://www.ebay.com">Link Text</a>  =   Link Text   Example Link to eBay's Home page.  Note: use space between <a and href=    * Be sure to use closing tags i.e. </a>
<a href="http://www.ebay.com"><font color=darkred><b>Link Text</b><.font></a>  =   Link Text   Same example as above but specifies a font color and bold for the link text.
HyperLink Source Specification with Image
<a href="http://www.ebay.com">
<img src="http://pics.ebay.com/aw/pics/mask.gif"></a> 
=       Example Link to eBay's Home Page using image for link.
<a href="http://www.ebay.com">
<img src="http://pics.ebay.com/aw/pics/mask.gif" border=0>
</a> 
=       Same Link as Above with No Border.
Note:  border=0 after .../mask.gif" border=0>
<a href="http://www.ebay.com">
<img src="http://pics.ebay.com/aw/pics/mask.gif" border=0 alt="Click for eBay's Home Page">
</a> 
=    Click for eBay's Home Page   Same Link as above but adds pop up text to the linked image with the alt="..." statement
HyperLink with Thumbnail Image to Full Scale Image
<a href=
"http://pics.ebay.com/aw/pics/navbar/ebay_logo_home.gif">
<img width=62 height=27 SRC="http://gmanzer.home.sprynet.com/ebayLogo.gif" border=0 alt="Click for Larger Image"></a>
=    Click for Larger Image   The small eBay Logo is linked to a larger version of the logo.
HTML Help Links:   |  Annabella's HTML,   |  HyperLinks,   |  Link Basics,   |  HTML 4 eBayers,   |  Tips & Tricks


_

Basic HTML for Tables
HTML to UseResult with Explanation
Basic Tables
<table border=1><tr><td>One Cell Table</td></tr></table> 
One Cell Table

=    Simple One Cell Table tr = table row, td = table data.
   * Be sure to use closing tags for each </td> </tr> </table>

<table border=1><tr><td>Cell One</td><td>
<img src="http://pics.ebay.com/aw/pics/mask.gif"></td>
<td>Cell Three</td>
</tr></table> 

Cell One Cell Three

=    Simple Three Cell Table with Image in Cell two.

<table border=0 bgcolor=wheat><tr><td>Cell One</td><td>
<img src="http://pics.ebay.com/aw/pics/mask.gif"></td>
<td>Cell Three</td>
</tr></table> 

Cell One Cell Three

=    Same table as above with no border i.e. border=0 and a background color of wheat i.e. bgcolor=wheat.

<table border=3 cellpadding=10 bordercolor=red><tr><td>
Cell One</td><td>Cell Two</td><td>Cell Three</td>
</tr><tr>
<td>Cell Four</td><td>Cell Five</td><td>Cell Six</td>
</tr></table> 

Cell One Cell Two Cell Three
Cell Four Cell Five Cell Six

=    Simple Six Cell Two Row Table with cellpadding to increase the spacing between the lettering and the border of each cell by 10 pixels with a border color of red and a border width of 3 pixels.

HTML Help Links:   |  Annabella's HTML,   |  Quick Tables,   |  Basic Tables,   |  HTML 4 eBayers,   |  Tips & Tricks





Honesty.com Counters
Bookmark ME
Other Stuff