An Introduction to Tables

Tables can be very simple or quite complicated ... it's all up to you!

You may have looked at the source code of pages with tables that have been created by a webpage editor. Some of these look very complicated and are enough to put you off tables altogether!! A hand coded table is a lot simpler to understand, and no where near as daunting!

NOTE: Not ALL browsers interpret tables, and not ALL browsers interpret them in the same way!
I use Internet Explorer 4.0 and Netscape 4.0, and I have mentioned any obvious browser differences as they arise in this tutorial.

This tutorial has been divided into three separate sections ... otherwise the page takes forever to load!


PART 1 - THE BASICS

* Format
* Table Elements
* The Basic Table
* More Data Cells
* More Rows
* Attributes 		* Table Width and Height
* Table Border
* Cellpadding
* Cellspacing
* Header Cells
* TD and TH Width


PART 2 - MORE TABLE ATTRIBUTES

* Aligning Data
* TR Align
* Aligning Tables 		* Colspan
* Rowspan
* Captions


PART 3 - FONTS AND COLOR

* Changing Fonts
* Table Color
* Cell Color
* Bordercolor 		* Light and Dark
* Empty Data Cells
* Table Background
* Cell Background

HTML Table Tutorial:

 

Back to the Examples Page