|
|
HTML Studio's
Lesson : 1 - 2 - 3 - 4 - 5 - 6 - 7
| Table Tutor - Lesson 7 ( Examples ) |
|
||||||||||||||||||||||||||||||||||||||||||||||||||||
Table tags are by far the most useful tags you will find. When it comes to page layout you can achive just about anything using these tags. Following are few examples and ideas for you. Some you might find useful, some are just showing off. But all will show some of the versatility of the <TABLE> tags.
(This page is fairly colorful. If you don't see color then maybe you oughtta put that tired old browser to pasture. I happen to know where you can get a good deal on a new one.)
| If you can read this, your
browser understands the color attributes just fine! If you can read this, your browser doesn't display table colors. Sorry bud! |
Here's a simple chessboard. Not super useful, but making one is great practice! Theoretically you could probably use this to play chess with someone through a web page.
You can make bar graphs with just table tags and a few colored 1x1 dots. It's not all that hard and once it's done, it's easy to change. Plus it can do things a regular image can't. Like suppose you needed to change it a lot. Or what if you made it part of results generated by a CGI, Java, or JavaScript program. This technique lends itself very well to "on-the-fly" graphing.
Joe's Widget Mfg. Co. Inc.
Unit production January-JuneRED WIDGETS
BLUE WIDGETS
TUNE-UP KITS
UNITS
in
thousands150
100
50
0
JAN FEB MAR APR MAY JUN This is a nice effect. It's kind of a pain to do initially, but updates are easy if you're neat & organized with your HTML coding.
Punch Gran Cru Honduras Cigar Length Ring Wrapper Box of Price Single Britania 6.25 50 Natural 25 96.75 4.55 Diademas 7.25 54 Natural 25 102.50 4.80 Monarcas 6.75 48 Natural 10 57.00 6.40 Prince Consort 8.5 52 Natural 10 48.00 5.65 Robusto 5.25 50 Maduro 20 75.00 4.40 Robusto 5.25 50 Natural 20 75.00 4.40 Superior 5.5 48 Natural 25 86.50 4.05 Here's nearly the same effect yet a MUCH simpler table to construct...
Punch Gran Cru Honduras
Tables can also be used to make colored lines...
Many more cut-n-paste lines here...
Here is a picture framing technique using tables...
This last example is a simple button bar...
Lesson : 1 - 2 - 3 - 4 - 5 - 6 - 7
Maintained by Nick Grant < htmlstudio@talk21.com >
Copyright © 2000 Nick Grant. All Rights Reserved.
