How to Create A HTML Food Table In Dreamweaver With A Colored Border

A table should be used on websites if you choose to display various rows and columns of information. Each row can represent an item. Most people take advantage of columns because they section off items according to different features.

In this case the item is food. The example used here shows the food type, a related image, and descriptions within three columns. The food table is a list of Deron’s Top Ten Foods for a purposeful kids foods list.

Click the image above to live demo the site sample. Its actually the first page created on my new DaughtersKitchen.com a product of DaughtersFoodKitchen.com, sponsored by MomsFoodKitchen.com, and hosted by SBI - Sitesell.

How to Create A HTML Food Table In Dreamweaver With A Colored Border

You can get started right away with Adobe Dreamweaver when it comes to creating or inserting new tables into a webpage. Quickly click “Insert” from the top main menu, then select “Table”. Its not difficult. See what I mean on the image below.

After selecting insert and table, there will be the opportunity to enter the amount of rows and columns you wish to have. In addtition to the number of columns and rows, enter table properties such as table width, border thickness, cell spacing, alignment, and even a description.

Table Border Colors

The top ten food list example shows a red background (Bg color) color in the first coloumn and a red border (Brdr color). Check the image below to locate where to modify the colors.

So now you have it. Simple html table examples along with the basics can be found at w3schools.com. Don’t forget to subscribe for free updates.