The HTML table is identified with the tag <table>. The table rows are identified with the tag <th>. Basically by default, the headings of tables are bold and centered. Table data and cells are identified with the tag <td>. The HTML table content is a representation of tabular data, which is information, explained through a data table of two dimensions. It should be noted that the <td> elements are containers of data of the table. These elements can contain all kinds of HTML elements such as images, texts, other tables, lists etc.
Html Table: Adding A Border
If one fails to specify a border for a table, such table would be showed without borders. A border is created by using the CSS border property.
Html Table: Collapsed Borders
For one to have the borders collapse into a single border, he would have to add the CSS border property.
Html Table: Adding Cell Padding
Cell padding helps in specifying the spaces between the contents of a cell and the borders. If one fails to specify padding, the table cells would be showed without padding.
Html Table: Left Align Headings
Basically by default, the headings of tables are bold and centered. For one to left align the table, he needs to make use of the CSS text align property
Html Table: Adding Border Spacing
Border spacing helps in specifying the space in between cells. For one to set a table’s border spacing, he needs to make use of the CSS border spacing property.
Html Table: Cells That Span Columns
For one to create a cell span more than a column, he would have to use the colspan attribute
Html Table: Cells That Span Various Rows
For one to create a cell span more than a row, he would have to use the rowspan attribute
Html Table: Adding A Caption
For one to add a caption, he has to use <caption> tag. It should be noted that the <caption> tag must be included immediately after <table> tag
A Special Style For A Table
For one to define special style for a special table, he needs to include an id attribute to the table