~Welcome to My Homework Page
~
 Tables
-Lesson One
Putting it all together
Oh my the info, now to put it all together. Tables can be time consuming, but can be easy to put together using different web editors.
Remembering the basics that a table works on rows and columns, keep in mind if you use colspan="4" in one column (<td>),
you must account for the extra three rows in the next three <td>. The general concept is to leave out the cell in each row or column
that will be assumed or spanned into by the rowspan or colspan cell. For example...
| If colspan 4 used in this row |
| add 3 |
extra |
<td>in |
this row |
Mixing up Graphics & Tables
When designing a web page, mix up graphics and tables to make the page more pleasing. Having one long page of boring text can sometimes
drive the reader away; make things interesting. Variety is the spice of life.
Nesting
Nesting is an important concept in building tables. The method of creating a table relies on nesting one set of tags within another set
that is itself nested within yet another set of tags.
You can easily get lost and confused when building tables. To keep the confusion down to a minimum, always type in both the opening
and closing tags of a tag pair before adding attributes or content. This ensures that you always close your tags.
Another good habit is to code each element of a table on a separate line. Every <TD> tag pair needs to appear on its own line and indented to offset it
from the other levels of table mark up.
|
 
|
