This week we are learning about "tables". The <Table></Table> tags is a design element that will organize statistics or data on a web page. "td"=table data, "tr"=table row. Table data is the information you are listing in a cell. Tablerow is puts those items you are talking about in a row.
| Lilies | Clematis |
| Roses | Wisteria |
If you add a border using the Border= attribute around your cells they will look better.
| Lilies | Clematis |
| Roses | Wisteria |
The Summary tag describes a verbal description of the table to users of non-visual
browsers.
The Caption element describes the nature of the table.
The Table Header<th></th> places a centered heading on the top of the Table in a bolder and larger typeface. This tag set sits inside the <tr><th> Table Heading </th></tr>.
Use the <p align="center"></p> around a table to center it on a page.
| Name | Type | Color |
|---|---|---|
| Lily | Stargazer | Bright Pink |
| Wisteria | Chinese | Lavender |
| Rose | Mr. Lincoln | Red |
Colspan is an attribute that can be used in the <td> and/or <th> tag set to create a heading that covers more than one column, stretching across the table.
| My Favorite Flowers | |
|---|---|
| Lilies | Clematis |
| Roses | Wisteria |
Rowspan is an attribute that can be used in the <'td>' and/or the <th> to create a heading that covers more than one row stretching "down" the Table.
| My Favorite Flowers | |
| Lilies | Clematis |
| Roses | Wisteria |
"Cellspacing" can be added to make a space between the "cells" larger and the internal borders thicker.
| My Favorite Flowers | |
| Lilies | Clematis |
| Roses | Wisteria |
"Cellpadding"can be added to make a space between the "items" in the cells and the cell walls thicker.
| My Favorite Flowers | |
| Lilies | Clematis |
| Roses | Wisteria |
Control the width of a table by using <table width="220" border="0" cellspacing="0" cellpadding="0" summary=" I can type a column just like in a newspaper without a border.
|
All of this rain is really to much. The creeks and rivers are overflowing their banks. And there is more forecast for all week. And not just a little but torrents of rain at times. We are so soggy now I don't know how the earth can hold any more. And there will be more as this is our rainy season. Oh, woe is me, how will all the plants and flowers not drown? Will they really be ok and come up next spring? |
| I think I finally understand how to get text into a colored box.Yep, I think I got it. Now I should be able to put a colored column on my page if I so choose. I can make it as long or as short as I want it. You gotta get the code right for it to work right. I think I got it now. |
Back To Top
Page One
Page Two
Page Three
Page Four
Back To Index