<td>单元格内的笔墨</td>
...
</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 来为这些元素定义样式,从而改变表格的外不雅观。