Annabella's HTML Help

Introduction to Tables



Valid HTML 4.0!


The HTML Writers Guild




INTRODUCTION
BASICS
COLORS
COLOR PALETTE
EMAIL
FONTS
FONT SURVEY
GRAPHICS
LINKS
LISTS
MARQUEES
MUSIC
TABLES - INTRO
... PART 1
... PART 2
... PART 3
USEFUL LINKS
COMMON PROBLEMS
MORE HELP?


LINK TO THIS SITE


HOME
WEB RINGS
SITE MAP


Let's make some tables!

INTRODUCTION

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 ATTRIBUTESupdated

* 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

Experiment!

Have fun experimenting with tables! They seem difficult at first, but once you understand the basics you can make some wonderful tables! All that I know about tables I picked up by "playing about" with them. Try it and see. But remember to check how it looks with several different browsers. Sometimes the differences are surprising!