HTML <th> ɗanɗi
Kwamfatawa da kuma wanda zai gina:
<th> Tag na tabi za tabi za HTML:
HTML tabi na tabi:
- Tabi za tabi - kuma za tabi za tabi na bayani (a gina
<th>Obijeta na tabi na kafa) - Tabi za data - kuma za tabi za data (a gina <td> Obijeta na tabi na kafa)
Kamfanin,<th> Tabi kuma za tabi a kuma za tabi a cikin tabi.
Kamfanin, <td> zai kuma za tabi a cikin yanayi kuma za tabi a karewa.
Kwakonanin:
HTML Tutuwa:HTML ɗanɗi na taba
HTML DOM Nuna:TableHeader Obijeta
CSS Tutuwa:Kwada tabi za forma
Mafita
Mutumma 1
Tabi HTML za kwanza za HTML ila kumi, kuma tabi za kwanza na tabi za kwanza za data:
| 月份 | 储蓄 |
|---|---|
| 一月 | ￥3400 |
| 二月 | ￥4500 |
Mutumma 2
Kuwananin zuwanin za tabi: <th> 中的内容（使用 CSS）：
| 一月 | ￥3400 |
| 二月 | ￥4500 |
Mutumma 3
Kuwananin zuwanin koyi aya zuwanin za tabi: (a gina CSS):
| 一月 | ￥3400 |
Mutumma 4
Kuwananin zuwanin koyi aya zuwanin zuwanin za tabi: (a gina CSS):
| 月份 | 储蓄 |
|---|---|
| 一月 | ￥3400 |
例子 5
如何在表格标题单元格中规定不换行（使用 CSS）：
| 月份 | 为新车存的钱 |
|---|---|
| 一月 | ￥3400 |
例子 6
如何垂直对齐 <th> 中的内容（使用 CSS）：
| 月份 | 储蓄 |
|---|---|
| 一月 | ￥3400 |
例子 7
如何设置表格标题单元格的宽度（使用 CSS）：
| 月份 | 储蓄 |
|---|---|
| 一月 | ￥3400 |
例子 8
如何创建表格标题：
| 姓名 | 电邮 | 电话 |
|---|---|---|
| Bill Gates | bill.gates@example.com | 138-1234-5678 |
例子 9
如何创建带有标题的表格：
| 月份 | 储蓄 |
|---|---|
| 一月 | ￥3400 |
| 二月 | ￥4500 |
例子 10
如何定义跨越多行或多列的表格单元格：
| 姓名 | 电邮 | 电话 | |
|---|---|---|---|
| Bill Gates | bill.gates@example.com | 138-1234-5678 | 186-2345-6789 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| abbr | 文本 | 规定标题单元格中内容的缩写版本。 |
| colspan | 数字 | 规定标题单元格应跨越的列数。 |
| headers | header_id | 规定一个或多个与单元格相关的标题单元格。 |
| rowspan | 数字 | 规定标题单元格应跨越的行数。 |
| scope |
|
Tabbataron tabbataron na kudu ko kuma kudu na ɗanɗi na kudu ko kudu na ɗanɗi na kudu.} |
Ƙarfin ɗanɗi na kulli
<th> Ƙarfin tukwumon na halittu Ƙarfin ɗanɗi na kulli a HTML.
Tattalin amfani na halittu
<th> Ƙarfin tukwumon na halittu Tattalin amfani na halittu a HTML.
Tattalin amfani na CSS
Dukkanin browsers zai yi amfani da manyan ɗanɗi a hankali <th> Ƙarfin:
th {
display: table-cell;
vertical-align: inherit;
font-weight: bold;
text-align: center;
}
Ci gaban browsers
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| Rarraba | Rarraba | Rarraba | Rarraba | Rarraba |
