目录
表格标签
今天我们来了解一下前端开发中的表格标签的使用
一、基本语法
<table>
<caption>表格标题</caption>
<tr>
<th>表头单元格内容</th>
</tr>
<tr>
<td>单元格内容</td>
</tr>
</table>
二、语法说明
1.<table>......</table>标签组表示表格的开始与结束,其他表格相关的标签全部都应放在其内部;
2.<caption>......</caption>标签组表示整个表格的标题,其位置必须紧跟<table>标签之下,且注意,一个<table>标签只能存在一个<caption>标签;
3.<tr>......</tr>表示单元格的行,一张表格中有多少行就有多少个<tr>;
4.<td>......</td>表示每行单元格中的列,每行单元格有多少列就有多少个<td>;
5.<th>.....</th>表示表头单元格,内容默认加粗并居中显示。
三、属性设置
1.单元格间距属性:
<table cellspacing="数值">......</table>,表示的是每个单元格之间的间距
2.表格背景属性:
<table bgcolor="颜色值">......</table>,这里的颜色可以是6位十六进制数也可以是颜色的英文单词
<table background="背景图片">......</table>
如果相对某个单元格设置背景,则直接在相应的单元格标签中添加,如:
<td bgcolor="颜色值">......</td>
3.单元格合并属性:
跨列合并:<td colspan="数值">......</td>,这里的数值大于等于2;