html tutorial - <td> Table data tag in HTML - html5 - html code - html form



  • The <td> tag describes a common cell in an HTML table.
  • The <td> tag specifies a cell of a table that holds data.
  • There are the two kinds of cells in the table.
    • Header cells, which specifies the header information using <th<
    • Standard cells, which specifies the data using <td< tag.
  • The <td> tag supports Global Attributes and Event Attributes.
table

Syntax for table cell tag:

<td>content</td>

Differences between HTML 4.01 and HTML 5 for table cell tag:

HTML 4.0.1

  • abbr, align, axis, bgcolor, char, charoff, colspan, headers, height, nowrap, rowspan, scope, valign, width attributes are supported.

HTML 5

  • All layout attributes are removed except colspan, headers, and rowspan.

Sample Coding for table cell tag:

Tryit<!DOCTYPE html>
<html >
    <body>
        <table border=1>
            <tr>
                <th>Firstname</th>
                <th>Lastname</th>
            </tr>
            <tr>
                <td>Wiki</td>
                <td>techy</td>
            </tr>
        </table>
    </body>
</html>

Code Explanation for table cell tag:

Table Data <td> Tag Code Explanation

  1. <td> tag - is used for describing the content of the table..
  2. Wiki is declared in the table cell

Output for table cell tag:

Table Data <td> Tag Output

  1. Here we can see the output Wiki are declared as table data.

Attributes of table cell tag:

Attribute Value HTML 4.0.1 HTML5 Description
align left
right
center
justify
char
Yes No Provides the alignment of the content.
valign top
middle
bottom
baseline
Yes No Describes the alignment of the content in vertical.
char character Yes No Defines the content alignment relevant to a character.
charoff number Yes No Provides the number of characters.
width pixels
%
Yes No The width of a cell
scope col
colgroup
row
rowgroup
Yes No To associate header cells and data cells in a table
abbr text Yes No Abbreviated version of the content in a cell
axis category_name Yes No Categorizes cells
bgcolor rgb(x,x,x)
#xxxxxx
colorname
Yes No The background color of a cell
headers header_id Yes Yes A cell is related to one or more header cells.
colspan number Yes Yes The number of columns a cell should span
height pixels
%
Yes No The height of a cell
nowrap nowrap Yes No The content inside a cell should not wrap
rowspan number Yes Yes The number of rows a cell should span

Browser Support for <td> tag:

Yes Yes Yes Yes Yes

Tips and Notes

  • The colspan and rowspan attribute is used to let the content span over different columns or rows.

Related Searches to table data td tag in html