Table cell

A table cell is one grouping within a table. Cells are grouped horizontally (rows of cells) and vertically (columns of cells). Usually information on the top header of a table and side header will "meet" in the middle at a particular cell with information regarding the two headers it is collinear with.

HTML Usage

Kinds of cells in HTML

A table cell in HTML is a non-empty element and should always be closed. There are two different kinds of table cells in HTML: normal table cells and header cells. <td> denotes a table cell, while <th> denotes a table header. The two can be used interchangeably, but it is recommended that header cells be only used for the top and side headers of a table.


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" cell declaring how many columns of cells wide it should be.


An example of an HTML table containing 4 cells:
Cell 1Cell 2
Cell 3Cell 4
HTML source:
     Cell 1
     Cell 2
     Cell 3
     Cell 4

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

External links

Search another word or see Table_cellon Dictionary | Thesaurus |Spanish
Copyright © 2015, LLC. All rights reserved.
  • Please Login or Sign Up to use the Recent Searches feature