HTML Tables tutorial : all you need to know

This is a tool for presenting tabular data.A table consist of one or more rows; each row consist of one or more cells.

Basic element used to create tables are;

·        table: this let the browser know that table is about to be created.it acts as a container for the table. It has both opening and closing tag <table>…</table>

·        tr:this element is used to create a row that contain table cells. Its tag is closed when the row is completed, <tr>…</tr>

·        td: this creates a table data cell, <td>…</td>

·        th: the table header cell, displayed bold and centered.

·        caption: this displays table caption and it must be inserted immediately after the head. Usually the caption will be centered about the table.

·        thead: this is use to group the header content in an Html table.

·        tbody: this is used to group the body content in an Html table.

·        tfoot: this element is used to group the footer content in an Html table

·        colspan: specifies how many columns a cell should occupy.used in combining two or more columns together.Note; this is an attribute.

·        rowspan: specifies how many rows a cell should occupy.used in combining two or more rows together. Note; this is an attribute.

d     

l