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 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:

Step 3

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

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