HTML Web Design Tutorial #22

Dividing a Page into Two Columns Using a Table

In part 21 you saw how to use an image as a link to another web page. Next up, we'll be dividing our web page into two separate columns, with a navigation section on the left, and our textual content on the right.

It's often desirable to divide a web page into vertical sections (columns) to be used for different purposes. One way to do this is to place your page inside of a table. A table is kind of like a spreadsheet for web pages. You can use a table to create columns and rows of cells, and then put different sections of your web page into different cells.

In this next lesson, we'll build a very simple two-column one-row table. We'll put our button graphic links in the left cell, creating a navigation section, and then we'll put the rest of our page into the right cell. To see how it's all done, click on the play button below.

<<<Last Tutorial

Next Tutorial>>>