How to Make a Product Catalog With HTML

Tables provide the simplest method of building an online catalog in HTML. A three-column table gives you room for a product image, description and shipping/ordering information. Inserting information into tables reduces the amount of time required to justify text. In addition, tables give you control of the white space surrounding the information on your page to enhance the appearance and clarity of your website.

Step

Define a table with a one-pixel border using the opening

tag:

Step

Step

Insert the first row of cells and their contents with this code:

Step

Step

Insert the second row of cells and their contents with this code:

Step

Step

Close the table with the ending tag:

Step

This is a description of the first item.This item is currently available.
This is a description of the second item.This item is on backorder.