How to Make a Product Catalog With HTML

Techwalla may earn compensation through affiliate links in this story. Learn more about our affiliate and product review process here.

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.

Advertisement

Step 1

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

tag:

Video of the Day

Step 2

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

Advertisement

Step 3

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

Advertisement

Advertisement

Step 4

Close the table with the ending tag:

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.

Video of the Day

Advertisement

Advertisement

references