| T | A | B | L | E | S |
Simply put, tables can be a great way to set up a good-looking page and organize information well. Tables with borders are used to create cells of information, as in the TABLES title above. Additionally, by using tables without borders, you can do page layout which allows elements to be in various places on the page.
For example, here's a simple use of a borderless table:
On the left, you can have one column of information or even images that link to other locations... While on the right, you can have descriptions in further detail, or stories, or whatever other information you'd like. Of course, what makes it look good is what you decide to put in it. This is pretty boring. Here is the code for the section above:
<table width="80%"><tr><td><center>On the left, you can have one column of information or even images that link to other locations...</center></td><td><font size="+1" color="#000066">While on the right, you can have descriptions in further detail, or stories, or whatever other information you'd like. Of course, what makes it look good is what you decide to put in it. This is pretty boring.</font></td></tr></table>Now if you create a two-toned background using a background image like this:
you can do some pretty exciting layout work. Check out the Illinois Shakespeare Festival pages to see how tables and a two-toned background work together.
How about Tables with Borders? One great use for tables with borders is in creating calendars. If you'd like to steal the code for a good-looking calendar of events, check out the Illinois Shakspeare Festival calendar.
Here's an example of a simple calendar template which you can steal and modify.
| May 1996 | ||||||
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
|
1 |
2 |
3 |
4 | |||
|
5 |
6 |
7 |
8 |
9 |
10 |
11 |
|
12 |
13 |
14 |
15 |
16 |
17 |
18 |
|
19 |
20 |
21 |
22 |
23 |
24 |
25 |
|
26 |
27 |
28 |
29 |
30 |
31 |
|
Now here are the basic tags for making tables.
| WebTricks Main Page | |