Theexample below obtains a cell spacing of 10 pixels with the table tag Item 1 The spacing between the cells can be increased with the cellspacing='p'attribute where p equals the number of pixels to put between cells.

The table below uses it as a background by using the table tag Item 1

For example, in the same directory where these notes are found is a graphics file bg.gif. To set a tiled background for a table, use the background='URL', where filename is the name of the tiled graphic to be used. The table below has its background color set to #00ff00 with a table tag of. To change the background color, use the attribute bgcolor='color'. The table below has the bordercolor set to #ff00ff with the table tag. To change the border's color, use the attribute bordercolor='color' where color is the same format as all the other web colors we've been using. The table below has a border of 10 pixels. Note that using thisattribute also adds borders to the cells. To change the width of the table's border, use the attribute border='p'where p = number of pixels wide the border should be. The border around the outside of the table can be edited by width andcolor. All of these attributes must be contained between the keyword 'table' and the greater than bracket of the tag. The following is a brief list of the attributes definable for a table. Note that I had to add the 'border=1' attribute to define the cellsof the table with lines. The HTML for a basic table is shown below. You may place just about any page component within the table data tags, even another table. Each item of the table is defined between the tags and. The lowest level of the table is the table data. All of the items and attributes contained within that row of the table must appear between these two tags. A table's row is defined with the tags and. The next layer down is to define the rows. All of the items and attributes contained within that table must appear between these two tags.Ī title or caption may be defined for the table by placing the. The table itself must be defined using the table tags and. The rest of this document contains a summary of the most common table tags and attributes.

The table below is a generic table with its parts labeled.

To mix searchable text within images to give search engines more data ( example) To force a certain layout to the web page allowing for for headings, navigational menus, advertisements, etc. To more predictably arrange images, text, and other objects ( example) To present rows and columns of data ( example)

Html tables