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 Use Result 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 Use Result 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 Use Result 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>  =       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> =       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 Use Result 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.

Bookmark ME Other Stuff