< basics >
Tables are a great tool for laying out web pages. You can put just about anything exactly on your page where you want to have it. You can add color to parts of your page. You can create columns of text or navigation bars, like on this page. You can split up images, and recombine them to create a button bar, or put plain text in the middle of it. If you are unfamiliar with HTML you may want to have a look at the HTML tutorial first.
Tables are created with several tags. Take good care of the position and presence of each tag. Since one missing tag may render your table invisible or corrupted. If you know spreadsheets, they consist of cells in rows and colums, and each cell can contain data. You can alter the width and height of rows and colums, and alter the appearance of a cell or a group of cells. HTML tables are quite similar, you can change just about anything you want to.
Tables are enclosed in TABLE tags, an opening and a closing tag. A Table Row is constructed with an opening and a closing TR tag. A table cell is made by the two TD tags (Table Data). Cell contents are always between TD tags.
This little table is what you will see in your browser. It might be a good idea to try out everything you see here. You cannot learn to swim without getting your feet wet. Copy the code to a text editor, and view it in your browser to see the results.