"."/>
Home >Web Front-end >Front-end Q&A >What does td mean in html5
In HTML5, td refers to table data, which represents each cell in the table; it is a label element used to define standard cells in the table and is used to contain data. The td element needs to be defined inside the tr element, and the text it contains is usually rendered in a left-aligned style, with the syntax "
". data
The operating environment of this tutorial: Windows 7 system, HTML5 version, Dell G3 computer.
In HTML5, the full name of td is "table data", which means table data and represents the cells in the table.
There are two types of cells in HTML forms:
Header cell - contains header information (created by the th element)
Standard cell - contains data (created by td element)
The cell element th or td element needs to be defined inside the tr element, A tr element contains one or more th or td elements.
Example:
<table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>
Attributes supported in html5:
Attributes | Value | Description |
---|---|---|
colspan | number | Specify the number of columns that a cell can span. |
headers | header_id | Specifies one or more header cells associated with the cell. |
rowspan | number | Set the number of rows that the cell can span. |
#Tip: If you need to span content across multiple rows or columns, use the colspan and rowspan attributes!
<table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td rowspan="2">¥100</td> </tr> <tr> <td>牛仔褂</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>
Related recommendations: "html video tutorial"
The above is the detailed content of What does td mean in html5. For more information, please follow other related articles on the PHP Chinese website!