table表格
1)table表格创建:
基本语法:
<table>
<tr>
<td>单元格内的文字</td>
</tr>
<tr>
<td>单元格内的文字</td>
</tr>
</table>
- table用于定义一个表格标签
- tr标签用于定义表格中的行,必须嵌套在标签中
- td标签用于定义表格中的单元,必须嵌套在标签中
2)表格属性:
属性名 | 含义 |
---|---|
border | 设置表格的边框 |
cellspacing | 设置单元格与单元格边框之间的空白间距 |
cellpadding | 设置单元格内容与单元格边框之间的空白间距 |
align | 设置表格在网页中的水平对齐方式 |
3)表头单元格标签th
作用:一般表头单元格位于表格的第一行或第一列,并且文本加粗居中。
语法:只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。
4)表格表格caption
语法:
<table> <caption>表格标题</caption> </table>
注意:
1.caption元素定义表格标题,通常这个标题会被居中且显显于表格之上。
2.caption标签必须紧随table标签之后。
3.只有在表格里面caption才有意义。
5)合并单元格
跨行合并(竖):rowspan=“合并单元格的个数”
跨列合并(横):colspan=“合并单元格的个数”