<tr>

<td>单元格内的笔墨</td>

...

html表格单元格字体HTML标签之表格标签 PHP

</tr>

...

</table>

解释table 标签:定义一个表tr 标签:定义表格中的一行,必须嵌套在table标签中,有几对,表示表格有几行td 标签:定义表格中的单元格,必须嵌套在标签中,一对 中包含几对,就表示该行中有多少列(或多少个单元格)

把稳中只能嵌套标签,就像一个容器,可以容纳所有的元素表格属性

设置表格的外不雅观样式

表头标签解释表头一样平常位于表格的第一行或第一列,其文本加粗居中,如下图所示,即为设置了表头的表格。
设置表头非常大略,只需用表头标签<th></th>替代相应的单元格标签<td></td>即可示例

代码

<table border=1>

<tr>

<th>姓名</th>

<th>性别</th>

<th>电话</th>

</tr>

<tr>

<th>张三</th>

<td>女</td>

<td>18611110000</td>

</tr>

<tr>

<th>李四</th>

<td>男</td>

<td>18711110000</td>

</tr>

<tr>

<th>王五</th>

<td>男</td>

<td>18811110000</td>

</tr>

</table>

标题标签

表格标题标签,为表格添加标题,跟随表格的位置而移动。
设置标题,我们用的是caption标签。

语法

<table border="1">

<caption style="text-align:left">My savings</caption>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

<tr>

<td>January</td>

<td>$100</td>

</tr>

</table>

解释

将标题定位在表格的左|右|上|下位置。

示例

合并单元格(重点)分类

跨行合并 rowspan=“合并单元格的个数”

跨列合并 colspan=“合并单元格的个数”

合并顺序:先上后下,先左后右

代码

...

姓名

张三

性别

李四

照片

家庭住址

张三

性别

李四

照片

```

合并方法:

(1)先确定是跨行还是跨列合并

(2)根据先上后下,先左后右的原则,找到目标单元格,写上合并办法(rowspan/colspan)和要合并的单元格数量

(3)删除多余的单元格

表格构造划分(理解)

表格的构造划分,利用thead、tbody 、tfoot 三种标签

解释标签用于组合 HTML 表格的表头内容 元素该当与和元素结合起来利用,用来规定表格的各个部分(表头、主体、页脚)语法

<table border="1">

<thead>

<tr>

<th>Month</th>

<th>Savings</th>

</tr>

</thead>

<tfoot>

<tr>

<td>Sum</td>

<td>$180</td>

</tr>

</tfoot>

<tbody>

<tr>

<td>January</td>

<td>$100</td>

</tr>

<tr>

<td>February</td>

<td>$80</td>

</tr>

</tbody>

</table>

提示

(1) 元素内部必须包含一个或者多个 标签。

(2) thead, tbody, 和 tfoot 元素默认不会影响表格的布局。
用场紧张是可以利用 CSS 来为这些元素定义样式,从而改变表格的外不雅观。