HTML MADE EASY |
|
| Free Graphics | Graphics Optimizer | Resources | Freeware | |
| JPEGCruncher Desktop | T-Shirts | |
|
HTML TUTORIAL
Introduction
Lesson1:Tags Lesson2:Paragraphs Lesson3:Attributes Lesson4:Lines Lesson5:Graphics Lesson6:Alignment Lesson7:Links Lesson8: Tables Lesson9: Frames HTML EXTRAS
Uploading Webpages Quick Reference Color Chart Free Web Graphics Graphics Optimizer Resources Free Software
Html Tutorial Book
Html Made Easy is now a book! Don't spend money on books you won't understand,
The
Complete Html Made Easy takes you every step of the way in building a website,
and it makes it fun and easy too!
More Info Did You Know
Almost all websites use tables in their webpages. Tables are important in
web design, without them you would have little control over getting the page
looking the way you want.
The Complete Html Made Easy book
shows how tables can be used in
designing a webpage.
Personalize It
Personalize mugs, mousepads and keepsake boxes with just about any name.
|
Lesson 8: TablesMaking A Table You may be thinking "I have no use for tables in my web pages". But hold on, tables can be used as page layouts to help better control the placement of things on your web page, so it's worth getting to know how to make one. First is:
The stuff between these tags will make up your table. After the beginning TABLE tag comes:
It means "Table Row" The stuff between them will make up one row across the table. After the beginning <TR> tag comes:
It means "Table Data". The stuff between them will make one box, called a cell, in the one row of the table. Sound confusing? No it's not. Here's what I mean: <TABLE> <TR> <TR> </TABLE> Get it? Can you see that this table will have two rows and that each row will have two cells? You can have as many rows and cells as you want but make sure that each cell and row have an end tag. Here's the result:
Hey! That's not a table, where are the lines? Oops, I forgot, the beginning <TABLE> tag has a BORDER attribute:
The higher the number the thicker the lines will be and don't forget the quotation marks around the number. Result:
|
|
Art Online
Art Posters
Posters of birds and flowers made from original art. Not sold in any store.
Wildlife Art
Dog Portraits 
|
A couple of other attributes that can go into the <TABLE> tag are
CELLSPACING and CELLPADDING. CELLSPACING
defines how far apart the cells are from each other. Example:
Result:
CELLPADDING defines how far away from the cells' edges the stuff inside them will be. Example:
Result:
You can use any combination of attributes in a <TABLE> tag, just make sure each attribute is separated by a space.
Aligning Data
Result:
There is also the VALIGN attribute.It makes stuff in the cell line up at the top or the bottom but there has to be enough space in the cell for it to work and since that's not the case in my examples I can't show you. Wait a minute! Yes I can, by using the HEIGHT attribute in the <TD> tag:
Result:
See how the other cell in the same row became the same height as the one which had the attribute placed in the tag? All cells in the same row will be affected by the height attribute. Notice the effect the VALIGN attribute had. It made "basset hound"go up to the top of the cell.
Putting Color In Cells
Result:
Not bad, wouldn't you say? Now that you know how to make a table, let's try something a little more difficult, a page with frames.
|
