Intro HTML Fonts HTML Backgrounds HTML Lists HTML Layout HTML Tables Graphics FTP Tables Tables Rows Table Width Tables Alignment Tables Backgrounds Tables Captions Table Headings Tables Column Span Tables Row Span

Tables give the Web Designer a lot of power in controling layout. Rember how we have discussed that monitor resolution and size will determin how an HTML document is displayed? A Table can force a layout by allowing the Web Designer to place information in a predetermined area. Once you've become familar with HTML and designing web pages you'll move on to Cascading Style Sheets and won't use tables to define your layout. But for now it's a good way to organize material on your page.

<TABLE> Creates a table

Within the <TABLE> tag a border can be indicated: BORDER= some number

The following tags are also needed for all Tables. <TR> and <TD>

<TR> Starts a Table Row
<TD> Starts a Table Data Cell

Example

<TABLE BORDER=2>
<TR>
<TD>

This is some information I wish to display in a Table
</TD>
</TR>
</TABLE>

This is some information I wish to display in a Table

Another fun thing to do with a Table is to use it to put a "Picture Frame" around an image.

<TABLE BORDER=10>
<TR>
<TD><IMG SRC="pic1.jpg">
</TD>
</TR>
</TABLE>

 

Web Building tutorials: Intro | Fonts | Backgrounds | Lists | Layout | Tables | Graphics | FTP
Tables tutorials: Basic Tables | Row/Cell | Width | Align | Backgrounds | Captions | Headings | Column Span | Row Span


© 2005 Interactive Mystery Productions Ltd.
A Company Limited by Guarantee
Registered in England & Wales No. 4792272
All Rights Reserved
Rows and Cells Width Attributes Align Attributes Backgrounds Captions Headings Column Span Row Span