DOTTIE'S VIRTUAL NOTEBOOK - VU HTML1 - SUMMER 2006 - Page 4
HTML NOTES - WORKING WITH TABLES
Simple Tables
Single Cell Tables
Block Tables
Simple Tables
Test Data
| Name |
Test 1 Grade |
Test 2 Grade |
Test 3 Grade |
| Susan |
95 |
100 |
93 |
| Cathy |
78 |
82 |
87 |
| John |
85 |
83 |
90 |
| Bob |
72 |
84 |
81 |
Week
| Sunday |
Monday |
Tuesday |
Wednesday |
Thursday |
Friday |
Saturday |
| Calender for One Week |
| Sunday |
Monday |
Tuesday |
Wednesday |
Thursday |
Friday |
Saturday |
| 1 |
2 |
3 |
4 |
5 |
6 |
7 |
Back to the Top
Single Cell Tables
One cell, one row table with width set to 400 and align set to left.
|
Example of one cell, one row table with width set to 400.
Example of one cell, one row table with width set to 400.
Example of one cell, one row table with width set to 400.
|
One cell, one row table with width set to 100 and align set to right.
|
Example of one cell, one row table with width set to 100.
Example of one cell, one row table with width set to 100.
|
One cell, one row table with width set to 800 and no align attribute.
|
Example of one cell, one row table with width set to 800.
Example of one cell, one row table with width set to 800.
Example of one cell, one row table with width set to 800.
Example of one cell, one row table with width set to 800.
Example of one cell, one row table with width set to 800.
Example of one cell, one row table with width set to 800.
|
One cell, one row table with width set to 100% and no align attribute.
|
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
Example of one cell, one row table with width set to 100%.
|
One cell, one row table with width set to 50% and align set to center.
|
Example of one cell, one row table with width set to 50%.
Example of one cell, one row table with width set to 50%.
Example of one cell, one row table with width set to 50%.
Example of one cell, one row table with width set to 50%.
Example of one cell, one row table with width set to 50%.
|
Back to the Top
Block Tables
Example of Block Table With Width Set to 600
| This part of the table has width set to 50%, bgcolor set to green, and rowspan set to 2. |
This part of the table has width set to 50%, bgcolor set to red. |
| This part of the table has width set to 50%, bgcolor set to yellow. |
| This part of the table has width set to 50%, bgcolor set to purple. |
This part of the table has width set to 50%, bgcolor set to blue and rowspan set to 2. |
| This part of the table has width set to 50%, bgcolor set to orange. |
Example of Block Table With Width Set to 600
| This part of the table has width set to 50%, bgcolor set to green, and rowspan set to 2. |
This part of the table has width set to 50%, bgcolor set to red. |
| This part of the table has width set to 50%, bgcolor set to yellow and rowspan set to 2. |
| This part of the table has width set to 50%, bgcolor set to purple. |
| This part of the table has width set to 50%, bgcolor set to orange. |
This part of the table has width set to 50%, bgcolor set to blue. |
Example of Block Table With Width Set to 300
| This part of the table has bgcolor set to green, and rowspan set to 2. |
|
| This part of the table has bgcolor set to purple. |
| This part of the table has bgcolor set to orange. |
Rowspan set to 3
| Common Pets |
| Cats |
Dogs |
| Fish |
Birds |
|
|
Rowspan set to 2
| Common Pets |
Cats |
Dogs |
| Fish |
Birds |
|
Back to the Top
Back to Dottie's VU Page
To HTML1 Notes - Page One
To HTML1 Notes - Page Two
To HTML1 Notes - Page Three
To HTML1 Notes - Web Resources
Graphics from 3F Webfarm