HOME

TheInfoList



OR:

A table cell is one grouping within a chart
table Table may refer to: * Table (furniture), a piece of furniture with a flat surface and one or more legs * Table (landform), a flat area of land * Table (information), a data arrangement with rows and columns * Table (database), how the table data ...
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 Software design is the process by which an agent creates a specification of a software artifact intended to accomplish goals, using a set of primitive components and subject to constraints. Software design may refer to either "all the activity ...
, table cells are a key
component Circuit Component may refer to: •Are devices that perform functions when they are connected in a circuit.   In engineering, science, and technology Generic systems *System components, an entity with discrete structure, such as an assemb ...
in
HTML The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript ...
and webpage building, and it is part of the component. A coder may specify dimensions for a table cell, and use them to hold sections of webpages.


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


Example

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. {, width="80%" align="center" style="background:none;font-variant:small-caps" , - , style="background:black" width="5%",
, style="background:black" width="5%",
, style="background:black" width="5%",
, border="none", <-- ''This row has three'' table data cells , - , colspan="2" style="background:blue;",
, style="background:black",
, border="none", <-- ''This row has two. The first uses'' colspan="2" , - , rowspan="2" style="background:maroon",
, style="background:black",
, style="background:black",
, border="none", <-- ''This row has three table data cells, but one spans two rows because it uses'' rowspan="2" , - , style="background:black",
, style="background:black",
, border="none", <-- ''This row has only two table data cells, because its first is being taken up


See also

* Tables in Wikipedia pages *
Table (HTML) An HTML element is a type of HTML (HyperText Markup Language) document component, one of several types of HTML nodes (there are also text nodes, comment nodes and others). The first used version of HTML was written by Tim Berners-Lee in 1993 ...


External links


TH and TD elementsDHTML Reference: td
HTML tags HTML