在html5中,td是指表格數(shù)據(jù),代表著表格中的一個(gè)個(gè)單元格;它是用于定義表格內(nèi)標(biāo)準(zhǔn)單元格的一個(gè)標(biāo)簽元素,用于包含數(shù)據(jù)。td元素需要定義在tr元素內(nèi)部,它包含的文本通常會(huì)呈現(xiàn)為左對(duì)齊樣式,語(yǔ)法“<tr><td>數(shù)據(jù)</td></tr>”。
本教程操作環(huán)境:windows7系統(tǒng)、HTML5版、Dell G3電腦。
在html5中,td全稱“table data”,意思為表格數(shù)據(jù),表示表格中單元格。
<td>標(biāo)簽用于定義表格內(nèi)的標(biāo)準(zhǔn)單元格,td 元素內(nèi)部的文本通常會(huì)呈現(xiàn)為左對(duì)齊文本。
HTML 表單中有兩種類型的單元格:
表頭單元格 – 包含表頭信息(由 th 元素創(chuàng)建)
標(biāo)準(zhǔn)單元格 – 包含數(shù)據(jù)(由 td 元素創(chuàng)建)
單元格元素th或td元素需要定義在tr元素內(nèi)部,一個(gè)tr 元素包含一個(gè)或多個(gè) th 或 td 元素。
示例:
<table border="1"> <tr> <th>商品</th> <th>價(jià)格</th> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔庫(kù)</td> <td>¥150</td> </tr> </table>
html5中支持的屬性:
屬性 | 值 | 描述 |
---|---|---|
colspan | number | 規(guī)定單元格可橫跨的列數(shù)。 |
headers | header_id | 規(guī)定與單元格相關(guān)聯(lián)的一個(gè)或多個(gè)表頭單元格。 |
rowspan | number | 設(shè)置單元格可縱跨的行數(shù)。 |
提示:如果需要將內(nèi)容橫跨多個(gè)行或列,請(qǐng)使用 colspan 和 rowspan 屬性!
<table border="1"> <tr> <th>商品</th> <th>價(jià)格</th> </tr> <tr> <td>T恤</td> <td rowspan="2">¥100</td> </tr> <tr> <td>牛仔褂</td> </tr> <tr> <td>牛仔庫(kù)</td> <td>¥150</td> </tr> </table>