Designing Handbags
For Fun or Profit
  Install Purse Feet
  Install Magnetic Snaps
  Purse Handle Tutorial
    The Craft Business
  Make Money On-line
  My Blog
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Creating a Web Site
1. Planning 2. Basic HTML 3. Create a Web Page  1  2 4. Formatting  1  2  3  4
5. HTML Colors 6. Inserting Images 7. Creating Hyperlinks 8. HTML Tables

HTML Tables:

In this lesson you will learn how to insert tables into your 
HTML Document.
Tables are designed to allow you to store information in rows and columns which makes your page look neater and it keeps it organized. 

Tables are created row by row and made up of cells. 
The table is started with a <TABLE> tag and ended with a
</TABLE> tag. 
Step 1
Html Codes for Creating Tables:  
In the example below the table has a border around it. Tables can have as many columns or rows as determined by the max number of <TD> tags with in a row or <TR> tags within the table.

Tags

Function

<TR>...</TR>

Makes Table Rows

<TH>...</TH>

Makes Table Headers

<TD>...</TD>

Enter Table Data

.

Step 2

Below is an example of the way the HTML code would appear in your document.
<TABLE>
 <TR>
  <TH> Header for column #1 </TH>
  <TH> Header for column #2 </TH>
 </TR>

 <TR> 
  <TD> Column 1 Data </TD>
  <TD> Column 2 Data </TD>
 </TR>
</TABLE>
Keep rows separated by blank spaces to make it easier to find problems
Below is what your table would look like, unlike the table above no border has been applied, therefore you are not able to see the outline of the table.

Header for column #1

Header for column #2

Column 1 Data

Column 2 Data

Click here to see more HTML Table Chart   Table Tags and Attributes.
Table Codes:

Start a new page and practice working with tables with the code below
add in the Attributes of your choice from the table chart above.

<html> <head>

<title>New Page 1</title>

</head><body>

<table border="0" width="60%">

<tr>

<td width="33%">Put your text here</td>

<td width="33%">Put your text here</td>

<td width="34%">Put your text here</td>

</tr>

<tr>

<td width="33%">Put your text here</td>

<td width="33%">Put your text here</td>

<td width="34%">Put your text here</td>

</tr>

<tr>

<td width="33%">Put your text here</td>

<td width="33%">Put your text here</td>

<td width="34%">Put your text here</td></tr></table></body></html>
















   

  Product Index |FAQ | Contact Us|Home

 
   

Copyright © 2004-2007 All rights reserved -
Lees crafts and Things