Lesson 2: Fundamentals



Introduction to the Toolbar Inserting Pictures and Adding Horizontal Rules Viewing the HTML Changing the Background Creating Tables


Lesson 2.5: Creating Tables

Just Like in a Word Processor

Tables are one of the most useful functions for making a webpage, but it can get fairly complicated. You shouldn't use tables until you are a bit more familiar with webpage-making. This tutorial website, for example, was created with tables.

To insert a table, click on the Insert Table button on the toolbar.

The Insert Table dialog box will appear.

Rows are how many cells down, and columns are how many cells across. Cell padding is how many pixels you want the text in the cells to be 'cushioned', and cell spacing is how many pixels you want each cell to be apart. Width is how wide you want the table to be. You can either set the width to be a set number, such as 600 pixels, or have it conform to the viewer's screen, such as with 90%. Border is how thick you want the table border to be. For no borders, set this to 0.

Column 1, Row 1 Column 2, Row 1 Column 3, Row 1
Column 1, Row 2 Column 2, Row 2 Column 3, Row 2
Column 1, Row 3 Column 2, Row 3 Column 3, Row 3

Tables work very similarly to tables in word processors. You can select entire columns and rows and change the text individually inside each cell.

Tables work well for dividing up information, for indenting text, making regular tables, and among many other options. If you want to learn more about how to use tables, check out a book on HTML 4 or search online.

Return to Main Page Information Systems & Technology Next Previous