HTML | <td> Tag - GeeksforGeeks

The <td> tag is used to define a standard cell in an HTML table.

Syntax:

<td>........</td>

Types of cells:

Header cells: contains header information(<th>)
Standard cells: contains data(<td>)

The text in <th> elements are bold and centered for heading by default.
The text in <td> elements are regular and left-aligned for data by default.

Attributes: There are many attributes supported by HTML4.1 but removed from HTML5 are listed below:

abbr: This attribute is used as abbreviated version of the text content in a header cell.
align: Set the alignment the text content.
axis: Categorizes header cells.
bgcolor: Set the background color of a header cell.
char: Aligns the content in a header cell to a character.
charoff: It is used to sets the number of characters that will be aligned from the character specified by the char attribute. The value of these attributes are in numeric form.
colspan: Number of columns a header cell should span.
headers: Specifies multiple header cells a cell is related to.
height: Set the height of a header cell.
nowrap: It specifies that the content inside a header cell should not wrap.
rowspan: Set the number of rows a header cell should span.
scope: It is used to specify the score of header content.
sorted: It is used to sort the direction of a column.
valign: It is used to set the vertical alignment of text content.
width: It is used to set the width of a header cell

Example:

<!DOCTYPE html>  
<html>  
    <head>  
        <title>td tag</title>  
        <style>  
            body {  
                text-align:center;  
            }  
            h1 {  
                color:green;  
            }  
            th {  
                color:blue;  
            }  
            table, tbody, td {  
                border: 1px solid black;  
                border-collapse: collapse;  
            }  
        </style>  
    </head>  
    <body>  
        <center>  
        <h1>GeeksforGeeks</h1>  
        <h2>td Tag</h2>  
        <table>  
            <thead>  
                <tr>  
                    <th>Name</th>  
                    <th>User Id</th>  
                </tr>  
            </thead>  
            <tbody>  
                <tr>  
                    <td>Shashank</td>  
                    <td>@shashankla</td>  
                </tr>  
                    <tr>  
                    <td>GeeksforGeeks</td>  
                    <td>@geeks</td>  
                </tr>  
            </tbody>  
        </table>  
        </center>  
    </body>  
</html>                                      

Output:

Supported Browsers: The browser supported by td tag are listed below

Google Chrome
Edge
Firefox
Safari
Opera

My Personal Notes

Recommended Posts: