Below you will find an example of the Basic HTML Table (Part 1.) for quick reference along with links at the bottom of the table to several extensive HTML references, two of which are a must visit: Annabella's HTML and About.com's HTML/XHTML/XML.  Following this table (Part 2.) is the section of Copy & Paste HTML for posting the above table on the internet.  A second smaller Link Table (Part 3.) which may be more suitable for posting is also included with the Copy & Paste HTML for posting the Link Table in Part 4.

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


Part 1.   Example of Basic HTML Table;
Part 2.   Copy & Paste HTML for Posting the Basic HTML Table;
Part 3.   Example of Small Basic HTML Link Table;
Part 4.   Copy & Paste HTML for Posting the Small Basic HTML Link Table.


_


Basic HTML for Text, Images, HyperLinks & Tables
HTML to UseResult with Explanation
Text HTML - More Examples
<b>Your Bold Text</b>  =    Your Bold Text    Note: Be sure to use closing tags i.e. </b>
<i>Your Italic Text</i>  or <s>Strike Through Text</s> =    Your Italic Text or Strike Through Text
<u>Your Underline Text</u>  =    Your Underline Text
<b><font color=red>Your Bold Red Text</font></b>  =    Your Bold Red Text
Use <br> for Line Breaks & <p> for Paragraphs =    Note: No Closing tags are required for these two codes.
Image Source Specification - More Examples
<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">
<img src="http://pics.ebay.com/aw/pics/mask.gif"> 
=          Example images Side by Side.  For Stacked Images use <br> or <p> between image source statements
HyperLink Source Specification with Text or Image - More Examples
<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=
<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.  Specify border=0 after .../mask.gif" border=0> for no border around image.
Basic Table & HTML Tutorial Links - More Examples
<table border=1><tr>
<td>Cell One</td> <td>Cell Two </td>
</tr></table> 
Cell One Cell Two
=    Simple Two Cell Table.  tr = table row, td = table data.
HTML Help Links:   | Annabella's HTML | Fonts & Colors | Images | Aligning Images | HyperLinks |
| Link Basics | Quick Tables | Basic Tables | HTML 4 eBayers | Tips & Tricks | HTML/XHTML/XML | Red-PT's Tips |


_

Copy & Paste HTML for Posting the Basic HTML Table

The HTML code in the table below can be Copied & Pasted into any text editor and saved as any *.htm or *.txt for future use or it may be pasted directly into a chat submit box which will result in a table that will be identical to the one above.   Here is an example of the resulting post copied and pasted from the HTML below.


<center><table width=100% bgcolor=#003366 cellpadding=15 cellspacing=0 border=0><tr><td> <TABLE WIDTH=100% BORDER=0 bordercolor=black align=center bgcolor="C6B56B" cellpadding=5 cellspacing=0><TD> <TABLE WIDTH=100% BORDER=1 bordercolor=black bgcolor="#FFFFDE" cellpadding=5 cellspacing=0><TD> <center> <table BORDER=2 bordercolor=#336699 CELLSPACING=0 CELLPADDING=2 COLS=2 WIDTH="100%" BGCOLOR="#E5E5E5"> <img width=540 height=1 src="http://gmanzer.home.sprynet.com/blank.gif"><br> <caption><b><font color="#000080"><font face="comic sans ms" size=+2>Basic HTML for Text, Images, HyperLinks & Tables</font></font></b></caption> <TR bgcolor=#D9F8F9> <TH><font color="#000080"> HTML to Use</font></TH><TH><font color="#000080">Result with Explanation</font></TH> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE><b><font color="#000080">Text HTML</font> - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part1"><font color=blue><b>More Examples</b></font></a></b></td> </tr> <tr> <td WIDTH="50%"><font size=1 face=verdana>&lt;b>Your Bold Text&lt;/b>&nbsp;</td> <td WIDTH="50%">=&nbsp;&nbsp;&nbsp; <b>Your Bold Text</b> &nbsp;&nbsp;&nbsp;<font face=verdana size=1><b>Note:</b> Be sure to use closing tags i.e. <b>&lt;/b></b> </td> </tr> <tr> <td><font size=1 face=verdana>&lt;i>Your Italic Text&lt;/i>&nbsp; or &lt;s>Strike Through Text&lt;/s></td> <td>=&nbsp;&nbsp;&nbsp; <i>Your Italic Text</i> or <s>Strike Through Text</s></td> </tr> <tr> <td><font size=1 face=verdana>&lt;u>Your Underline Text&lt;/u>&nbsp;</td> <td>=&nbsp;&nbsp;&nbsp; <u>Your Underline Text</u></td> </tr> <tr> <td><font size=1 face=verdana>&lt;b>&lt;font color=red>Your Bold Red Text&lt;/font>&lt;/b>&nbsp;</td> <td>=&nbsp;&nbsp;&nbsp; <b><font color="#FF0000">Your Bold Red Text</font></b></td> </tr> <tr> <td><font size=1 face=verdana>Use <b>&lt;br></b> for Line <b>Br</b>eaks & <b>&lt;p></b> for <b>P</b>aragraphs </td> <td>=&nbsp;&nbsp;&nbsp; <font size=1 face=verdana><b>Note: </b>No Closing tags are required for these two codes.</td> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE><b><font color="#000080">Image Source Specification - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part2"><font color=blue><b>More Examples</b></font></a></td> </tr> <tr> <td><font size=1 face=verdana>&lt;img src="http://<b>YourUrl/YourImage.gif</b>">&nbsp;</td> <td>=&nbsp;&nbsp;&nbsp;<font face=verdana size=1> Example HTML code - <b>Note:</b> use space between <<b>img</b> and <b>src=</b> & this is case sensitive.&nbsp; Use YourImage.gif or .jpg</td> </tr> <tr> <td><font size=1 face=verdana>&lt;img src="http://pics.ebay.com/aw/pics/mask.gif">&nbsp;</td> <td>=&nbsp;&nbsp;&nbsp; <img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" >&nbsp;&nbsp;&nbsp; <font face=verdana size=1>Example showing eBay's shades</td> </tr> <tr> <td><font size=1 face=verdana>&lt;img src="http://pics.ebay.com/aw/pics/mask.gif"> <br>&lt;img src="http://pics.ebay.com/aw/pics/mask.gif">&nbsp;</td> <td>=&nbsp;&nbsp;&nbsp; <img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" >&nbsp;&nbsp;<img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" >&nbsp;&nbsp;&nbsp; <font face=verdana size=1>Example images Side by Side.&nbsp; For Stacked Images use <b>&lt;br></b> or <b>&lt;p></b> between image source statements</td> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE><b><font color="#000080">HyperLink Source Specification with Text or Image</font> - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part3"><font color=blue><b>More Examples</b></font></a></td> </tr> <tr> <td><font size=1 face=verdana>&lt;a href="http://www.ebay.com">Link Text&lt;/a>&nbsp;</td> <td>=&nbsp;&nbsp; <a href="http://www.ebay.com">Link Text</a>&nbsp;&nbsp; <font face=verdana size=1>Example Link to eBay's Home page.&nbsp; <b>Note:</b> use space between <<b>a</b> and <b>href=</b></td> </tr> <tr> <td><font size=1 face=verdana>&lt;a href="http://www.ebay.com"> <br>&lt;img src="http://pics.ebay.com/aw/pics/mask.gif"> &lt;/a>&nbsp;</td> <td>=&nbsp;&nbsp;&nbsp; <a href="http://www.ebay.com"><img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" ></a>&nbsp;&nbsp; <font face=verdana size=1>Example Link to eBay's Home Page using image for link.&nbsp; Specify border=0 after .../mask.gif" <b>border=0</b>> for no border around image.</td> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE><b><font color="#000080">Basic Table & HTML Tutorial Links</font> - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part4"><font color=blue><b>More Examples</b></font></a></td> </tr> <tr> <td><font size=1 face=verdana>&lt;table border=1>&lt;tr><br> &lt;td>Cell One&lt;/td> &lt;td>Cell Two &lt;/td> <br> &lt;/tr>&lt;/table>&nbsp;</td> <td> <center><table BORDER=1> <tr><td>Cell One</td> <td>Cell Two</td> </tr></table></center> =&nbsp;&nbsp;&nbsp; <font face=verdana size=1>Simple Two Cell Table. &nbsp;<b>tr</b> = table row, <b>td</b> = table data.</td> </tr> <tr> <td COLSPAN="2" bgcolor=#D9F8F9> <center><font color="#000080" face=verdana size=1> <b>HTML Help Links:</b>&nbsp;&nbsp; | <a href="http://www.annabella.net/html.html">Annabella's HTML</a> | <a href="http://members.ebay.com/aboutme/gemh9/#font">Fonts & Colors</a> | <a href="http://members.ebay.com/aboutme/gemh9/#images">Images</a> | <a href="http://www.eobcards.com/tables102.htm">Aligning Images</a> | <a href="http://members.ebay.com/aboutme/gemh9/#links">HyperLinks</a> |<br> | <a href="http://www.eobcards.com/tutorial3.htm#link">Link Basics</a> | <a href="http://fcit.coedu.usf.edu/tables/tutortbl.htm">Quick Tables</a> | <a href="http://www.eobcards.com/tables.htm">Basic Tables</a> | <a href="http://www.eobcards.com/tutorial3.htm#toc">HTML 4 eBayers</a> | <a href="http://members.ebay.com/aboutme/gemh9/#tables">Tips & Tricks</a> | <a href="http://html.about.com/compute/html/">HTML/XHTML/XML</a> | <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part2"><font color=red><b>Red-PT</b></font>'s Tips</a> | </center> </td></tr></table> </font></b> </td></tr></table> </td></tr></table> </td></tr></table>




_

Part 1.   Table of Basic HTML
Part 2.   Posting Copy & Paste HTML
Part 3.   Use of Wide Tables (width=100%) in eBay Auctions
Part 4.   Tip on Using Small Fonts
Part 5.   Opening a Link in a New Window
Part 6.   Why Specify Height & Width in Image Statements?
Part 7.   Are you getting the most from your "broadband" Service?
Part 8.   Html for Lists


_

Copy & Paste HTML for Posting the Small Basic HTML Link Table

The HTML code in the table below can be Copied & Pasted into any text editor and saved as any *.htm or *.txt for future use or it may be pasted directly into a chat submit box which will result in a table that will be identical to the one above.   Here is an example of the resulting post copied and pasted from the HTML below.


<center> <TABLE BORDER=0 bordercolor=black align=center bgcolor="black" cellpadding=1 cellspacing=0><tr><TD> <TABLE WIDTH=100% BORDER=0 bordercolor=black align=center bgcolor="C6B56B" cellpadding=5 cellspacing=0><tr><TD> <TABLE WIDTH=100% BORDER=0 bordercolor=black align=center bgcolor="black" cellpadding=1 cellspacing=0><tr><TD> <TABLE WIDTH=100% BORDER=0 bordercolor=black align=center bgcolor="white" cellpadding=1 cellspacing=0><tr><TD> <TABLE WIDTH=100% BORDER=0 bgcolor="#003366" cellpadding=10 cellspacing=0><tr><TD> <center> <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm"><img width=248 height=28 src="http://gmanzer.home.sprynet.com/BasicHTMLsm248x28.gif" border=0></a> </center> <font face="verdana" color=white size=1> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part1"><font face=verdana size=1 color=lime>Part 1.</font></a> Table of Basic HTML<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part2"><font face=verdana size=1 color=lime>Part 2.</font></a></b> Posting Copy & Paste HTML<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part3"><font face=verdana size=1 color=lime>Part 3.</font></a></b> Use of Wide Tables (width=100%) in <font color="#FF1F01">e</font><font color="#2B8AFF">B</font><font color="#FABC00">a</font><font color=lime>y</font> Auctions<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part4"><font face=verdana size=1 color=lime>Part 4.</font></a></b> Tip on Using Small Fonts<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part5"><font face=verdana size=1 color=lime>Part 5.</font></a></b> Opening a Link in a New Window<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part6"><font face=verdana size=1 color=lime>Part 6.</font></a></b> Why Specify Height & Width in Image Statements?<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part7"><font face=verdana size=1 color=lime>Part 7.</font></a></b> Are you getting the most from your "broadband" Service?<br> <b><a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part8"><font face=verdana size=1 color=lime>Part 8.</font></a></b> Html for Lists<br> </font> </td></tr></table> </td></tr></table> </td></tr></table> </td></tr></table> </td></tr></table>





Honesty.com Counters
Bookmark ME
Other Stuff