Table cell
This article has multiple issues. Please help improve it or discuss these issues on the talk page. (Learn how and when to remove these template messages)
|
A table cell is one grouping within a chart
HTML usage
Kinds of cell in HTML
A table cell in HTML is a non-empty element and should always be closed. There are two different kinds of table cell in HTML: normal table cell and header cell. <td> denotes a table cell, the name implying 'data', while <th> denotes a table 'header'. The two can be used interchangeably, but it is recommended that header cell be only used for the top and side headers of a table.
Syntax
A table cell also must be nested within a <table> tag and a <tr> (table row) tag. If there are more table cell tags in any given row than in any other, the particular <tr> must be given a colspan attribute declaring how many columns of cells wide it should be.
Example
An example of an HTML table containing 4 cells:
Cell 1 | Cell 2 |
Cell 3 | Cell 4 |
HTML source:
<table border="1">
<tr>
<td>
Cell 1
</td>
<td>
Cell 2
</td>
</tr>
<tr>
<td>
Cell 3
</td>
<td>
Cell 4
</td>
</tr>
</table>
Colspan and rowspan
Every row must have the same number of table data cells, occasionally table data cells have to span more than one column or row. In this case the tags colspan and/or rowspan are used - where they are set to a number.
<-- This row has three table data cells | |||
<-- This row has two. The first uses colspan="2"
| |||
<-- This row has three table data cells, but one spans two rows because it uses rowspan="2"
| |||
<-- This row has only two table data cells, because its first is being taken up |
See also
- Tables in Wikipedia pages
- Table (HTML)