C&P Basic HTML Table Page

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 Use

Result with Explanation

Text HTML - More Examples

Your Bold Text

= Your Bold Text Note: Be sure to use closing tags i.e. 

Your Italic Text or <s>Strike Through Text</s>

= Your Italic Text or ~~Strike Through Text~~

Your Underline Text

= Your Underline Text

Your Bold Red Text

= Your Bold Red Text

Use   for Line Breaks &  for Paragraphs

= Note: No Closing tags are required for these two codes.

Image Source Specification - More Examples

= Example HTML code - Note: use space between <img and src= & this is case sensitive. Use YourImage.gif or .jpg

Example showing eBay's shades

Example images Side by Side. For Stacked Images use   or  between image source statements

HyperLink Source Specification with Text or Image - More Examples

= Link Text Example Link to eBay's Home page. Note: use space between <a and href=

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

Cell One

Cell Two

= Simple Two Cell Table. tr = table row, td = table data.

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"> <caption>Basic HTML for Text, Images, HyperLinks & Tables</caption> <TR bgcolor=#D9F8F9> <TH> HTML to Use</TH><TH>Result with Explanation</TH> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE>Text HTML - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part1">More Examples</a></td> </tr> <tr> <td WIDTH="50%">Your Bold Text </td> <td WIDTH="50%">=    Your Bold Text    Note: Be sure to use closing tags i.e. </td> </tr> <tr> <td>Your Italic Text  or <s>Strike Through Text</s></td> <td>=    Your Italic Text or <s>Strike Through Text</s></td> </tr> <tr> <td>Your Underline Text </td> <td>=    Your Underline Text</td> </tr> <tr> <td>Your Bold Red Text </td> <td>=    Your Bold Red Text</td> </tr> <tr> <td>Use for Line Breaks & for Paragraphs </td> <td>=    Note: No Closing tags are required for these two codes.</td> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE>Image Source Specification - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part2">More Examples</a></td> </tr> <tr> <td><img src="http://YourUrl/YourImage.gif"> </td> <td>=    Example HTML code - Note: use space between <img and src= & this is case sensitive.  Use YourImage.gif or .jpg</td> </tr> <tr> <td><img src="http://pics.ebay.com/aw/pics/mask.gif"> </td> <td>=    <img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" >    Example showing eBay's shades</td> </tr> <tr> <td><img src="http://pics.ebay.com/aw/pics/mask.gif"> <img src="http://pics.ebay.com/aw/pics/mask.gif"> </td> <td>=    <img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" >  <img width=28 height=16 src="http://pics.ebay.com/aw/pics/mask.gif" >    Example images Side by Side.  For Stacked Images use or between image source statements</td> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE>HyperLink Source Specification with Text or Image - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part3">More Examples</a></td> </tr> <tr> <td><a href="http://www.ebay.com">Link Text</a> </td> <td>=   <a href="http://www.ebay.com">Link Text</a>   Example Link to eBay's Home page.  Note: use space between <a and href=</td> </tr> <tr> <td><a href="http://www.ebay.com"> <img src="http://pics.ebay.com/aw/pics/mask.gif"> </a> </td> <td>=    <a href="http://www.ebay.com"><img width=28 height=16 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.</td> </tr> <tr> <td ALIGN=CENTER COLSPAN="2" bgcolor=#FFFFDE>Basic Table & HTML Tutorial Links - <a href="http://gmanzer.home.sprynet.com/HTMLMoreInfo.htm#Part4">More Examples</a></td> </tr> <tr> <td><table border=1><tr> <td>Cell One</td> <td>Cell Two </td> </tr></table> </td> <td> <center><table BORDER=1> <tr><td>Cell One</td> <td>Cell Two</td> </tr></table></center> =    Simple Two Cell Table.  tr = table row, td = table data.</td> </tr> <tr> <td COLSPAN="2" bgcolor=#D9F8F9> <center> HTML Help Links:   | <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> | | <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">Red-PT's Tips</a> | </center> </td></tr></table> </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> <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part1">Part 1.</a> Table of Basic HTML <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part2">Part 2.</a> Posting Copy & Paste HTML <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part3">Part 3.</a> Use of Wide Tables (width=100%) in eBay Auctions <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part4">Part 4.</a> Tip on Using Small Fonts <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part5">Part 5.</a> Opening a Link in a New Window <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part6">Part 6.</a> Why Specify Height & Width in Image Statements? <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part7">Part 7.</a> Are you getting the most from your "broadband" Service? <a href="http://gmanzer.home.sprynet.com/HTMLQuestions.htm#Part8">Part 8.</a> Html for Lists </td></tr></table> </td></tr></table> </td></tr></table> </td></tr></table> </td></tr></table>

Bookmark ME
Other Stuff