Table Code Sampler Codes

Yes, its the complete coding for Table Code Sampler. When you read through it you will see why. Most of the information is in "Comment Tags" and will not show on the actual page. The page itself will show how these Table tags look when rendered by your browser.
The first two example tables were generated with Arachnophilia's "Table Wizard", which will set up most any combination table you wish. To create Example #3, I copied Example #1 and then deleted all but one Row and Column, to demonstrate a different use.

<html> <head> <title>Table Code Sampler</title> <meta name="GENERATOR" content="Arachnophilia 4.0"> <meta name="FORMATTER" content="Arachnophilia 4.0"> <script src="/__utm.js" type="text/javascript"></script> </head> <body bgcolor="#ffffff" text="#512828" link="#0000ff" vlink="#000080" alink="#ff0000"> <!-- This text is in "Comment Tags" Will not show on page --> <!-- For some Tables you will want to use pixels, not percent --> <!-- Just remove Rows or Cells you do not need. Not here though, keep this one to copy from for future use. --> TABLE EXAMPLE #1 <TABLE width="95%" border="1" cellspacing="0" cellpadding="4"> <TR> <!-- Row 1 Column 1 --> <TD > <B> <!--This tag makes bold text --> R1C1 <!-- sample text --> </B> <!-- Bold tag must be closed --> </TD> </TR> <TR> <!-- Row 2 Column 1 --> <TD > R2C1 </TD> </TR> <TR> <!-- Row 3 Column 1 --> <TD > R3C1 </TD> </TR> <TR> <!-- Row 4 Column 1 --> <TD > R4C1 </TD> </TR> </TABLE> <BR> <BR> TABLE EXAMPLE #2 - HAS MORE THAN ONE "CELL/COLUMN" PER ROW <TABLE width="95%" border="3" cellspacing="1" cellpadding="4"> <TR> <!-- Row 1 Column 1 --> <TD > <B> R1C1 </B> </TD> <!-- Row 1 Column 2 --> <TD > <B> R1C2 </B> </TD> <!-- Row 1 Column 3 --> <TD > <B> R1C3 </B> </TD> <!-- Row 1 Column 4 --> <TD > <B> R1C4 </B> </TD> </TR> <TR> <!-- Row 2 Column 1 --> <TD > <B> R2C1 </B> </TD> <!-- Row 2 Column 2 --> <TD > R2C2 </TD> <!-- Row 2 Column 3 --> <TD > R2C3 </TD> <!-- Row 2 Column 4 --> <TD > R2C4 </TD> </TR> <TR> <!-- Row 3 Column 1 --> <TD > <B> R3C1 </B> </TD> <!-- Row 3 Column 2 --> <TD > R3C2 </TD> <!-- Row 3 Column 3 --> <TD > R3C3 </TD> <!-- Row 3 Column 4 --> <TD > R3C4 </TD> </TR> <TR> <!-- Row 4 Column 1 --> <TD > <B> R4C1 </B> </TD> <!-- Row 4 Column 2 --> <TD > R4C2 </TD> <!-- Row 4 Column 3 --> <TD > R4C3 </TD> <!-- Row 4 Column 4 --> <TD > R4C4 </TD> </TR> </TABLE> <BR> <BR> TABLE EXAMPLE #3 - ONE TABLE ENCLOSING ALL PAGE CONTENT <TABLE width="400" border="0" cellspacing="0" cellpadding="4"> <TR> <!-- Row 1 Column 1 --> <TD > <B> <!--This tag makes bold text --> R1C1 <!-- sample text --> </B> <!-- Bold tag must be closed --> <P> The above TABLE width value, "400", means 400 pixels. As you can see when you look at this in your browser as a web page, it keeps the text in a narrow column. This will vary of course depending on how many pixels you make the width. <P> You can also use percent (%). You just have to experiment with different percentages or pixels to learn what you need for various projects and effects. <P> You can have all kinds of stuff in here on a page, including other tables, as needed, for effect, for image borders, or for placement of text or images. <P> But the Main Table on the page is still just ONE ROW and ONE COLUMN (sometimes very long). Border=0 keeps it from showing. If want it to show change numbers as in Examples #1 and #2. <P> You can center this whole table by adding the CENTER opening and closing tags OUTSIDE, above and below the Table tags. The text will still align left inside the table unless you also put center tags inside it. <P> It must be closed as below or Netscape and maybe other browsers will not show the page content, only the Background! </TD> </TR> </TABLE> <!--THE FOLLOWING IS THE INSTRUCTIONS WHEN I SENT THIS TO A FRIEND AS AN EMAIL ATTACHMENT. "I HAVE SENT THIS AS A TEXT FILE. GO TO FILE - SAVE AS AND SAVE AS HTML - TO DO THIS CHANGE .txt TO .html THEN DOUBLE CLICK THE *.html FILE AND YOU WILL SEE HOW IT LOOKS WITH THE SAMPLE TEXT (LIKE "R4C4" ETC.)"--> </body> </html>
The above is a copy of the "Source" of Table Code Sampler.
To see Table Code Sampler as a Web page, Click Here.


Table Index Page