# HTML Tables
● Defining an HTML Table
An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag. A table header is defined with the <th> tag.
By default, table headings are bold and centered. A table data/cell is defined with the <td> tag.
Each table row is defined with the <tr> tag. A table header is defined with the <th> tag.
By default, table headings are bold and centered. A table data/cell is defined with the <td> tag.
● HTML Table - Adding a Border
If programmer do not specify a border for the table, it will be displayed without borders. A border is set using the CSS border property.
● HTML Table - Collapsed Borders
If programmer want the borders to collapse into one border, add the CSS border-collapse property.
● HTML Table - Adding Cell Padding
Cell padding specifies the space between the cell content and its borders.
If programmer do not specify a padding, the table cells will be displayed without padding.
To set the padding, use the CSS padding property.
If programmer do not specify a padding, the table cells will be displayed without padding.
To set the padding, use the CSS padding property.
● HTML Table - Left-align Headings
By default, table headings are bold and centered.
To left-align the table headings, use the CSS text-align property.
To left-align the table headings, use the CSS text-align property.
● HTML Table - Adding Border Spacing
Border spacing specifies the space between the cells.
To set the border spacing for a table, use the CSS border-spacing property.
To set the border spacing for a table, use the CSS border-spacing property.
● HTML Table - Cells that Span Many Columns
To make a cell span more than one column, use the colspan attribute.
● HTML Table - Cells that Span Many Rows
To make a cell span more than one row, use the rowspan attribute.
● HTML Table -Adding a Caption
To add a caption to a table, use the <caption> tag.
● A Special Style for One Table
To define a special style for a special table, and an id attribute to the table.
And add more styles.
And add more styles.
No comments:
Post a Comment