Jump to content
Wikipedia The Free Encyclopedia

Table cell

From Wikipedia, the free encyclopedia
Grouping within a chart table used for storing information or data
This article has multiple issues. Please help improve it or discuss these issues on the talk page . (Learn how and when to remove these messages)
This article may require cleanup to meet Wikipedia's quality standards. The specific problem is: Complete lack of context, HOWTO without background or explanation, technical errors. Please help improve this article if you can. (September 2013) (Learn how and when to remove this message)
This article needs additional citations for verification . Please help improve this article by adding citations to reliable sources. Unsourced material may be challenged and removed.
Find sources: "Table cell" – news · newspapers · books · scholar · JSTOR (September 2013) (Learn how and when to remove this message)
This article provides insufficient context for those unfamiliar with the subject. Please help improve the article by providing more context for the reader. (February 2025) (Learn how and when to remove this message)
(Learn how and when to remove this message)

A table cell is one grouping within a chart table used for storing information or data. Cells are grouped horizontally (rows of cells) and vertically (columns of cells). Each cell contains information relating to the combination of the row and column headings it is collinear with. In software design, table cells are a key component in HTML and webpage building. It is part of the <table> component.[1] A programmer may specify dimensions for a table cell, and use them to hold sections of webpages.

HTML usage

[edit ]

Kinds of cell in HTML

[edit ]

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

[edit ]

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

[edit ]

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

[edit ]

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 . By using the rowspan and colspan attributes, developers can combine multiple rows or columns, allowing them to design more complex and visually structured tables.[2]




<-- 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

[edit ]
[edit ]

References

[edit ]
  1. ^ "<table>: The Table element". MDN Web Docs. Retrieved 18 September 2025.
  2. ^ "How to Use the Table Tag in HTML: Explained with Examples". www.ccbp.in. Retrieved 2025年11月14日.

AltStyle によって変換されたページ (->オリジナル) /