How to Make Columns in HTML

Techwalla may earn compensation through affiliate links in this story.
An HTML table houses information on a website.

Adding columns to your website is helpful in organizing content. In fact, there is no limit to how many columns your Web page can contain. Coding columns, however, requires knowledge of another HTML tag: the table. Putting these two tags together allows endless possibilities for a clean, good-looking website.

Step 1

Launch your HTML editor. Select "File" and "New" from the program's navigation bar. A blank document will appear on your screen.

Step 2

Create a table. Tables are defined with the

tag. Each table can be divided into rows and each row into data cells. The data cells are what will define your columns. A two-column table is coded similar to this:

Column 1 Column 2

Step 3

Adjust the table's border properties. If you'd like your columns to have a border, put the border="1" tag inside the table tag. Change the border color using a HEX color code with the bordercolor="#000000" tag. #000000 is black. The border must be defined as at least "1" for a border color to show.


Column 1 Column 2

Step 4

Add cellpadding or cellspacing. Cellpadding is the amount of white space between the border and cell content. Cellspacing is the distance between cells. These tags are applied within the table tag. It isn't a requirement to have cellpadding or cellspacing active.


Column 1 Column 2

Step 5

Add content to your columns. Text, images, forms and more can go within the table data tags.

Step 6

Save your HTML document. Preview it in your Internet browser before uploading it to your Web server.

references & resources