table 标签
table标签用于定义一个表格。
常用属性: width:宽度;height: 高度
border:边框线(不要加单位 直接写数值)
cellspacing:单元格之间的空间
align:控制表格水平居中方式
rules: 值为all,将全部内侧的边框隐藏掉
table标签下一般会跟着caption标签,用于说明表格标题
thead 标签
用于定义表格的头部,包含 <tr>
(行)和 <th>
(表头单元格)。
tr 标签
用于定义表格中的一行。
th 标签
用于定义表头单元格,通常用于 <thead>
中,但也可以用于 <tbody>
或 <tfoot>
。
它有自己默认的样式,文本自动加粗且居中。
tbody 标签
用于定义表格的主体,包含 <tr>
(行)和 <td>
(单元格)。
td 标签
用于定义表格中的单元格,用于 <tbody>
中,但也可以用于 <thead>
或 <tfoot>
。
tfoot标签
用于定义表格的脚部,通常包含汇总或相关注释。
例子
以下是一个示例:
<table width="200px" border="1" cellspacing="0" align="center" rules="all">
<caption>标题</caption>
<thead>
<tr height="30px">
<th>姓名</th>
<th>性别</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>男</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>共计:</td>
<td>两人</td>
</tr>
</tfoot>
</table>
在浏览器页面展示的效果如下: