Bootstrap

前端基础标签(表格标签)

目录

表格标签

一、基本语法

二、语法说明

三、属性设置

1.单元格间距属性:

2.表格背景属性:

3.单元格合并属性:

4.表格结构标签:

5.表格的其他常用属性:

四、表格相关案例演示


表格标签

今天我们来了解一下前端开发中的表格标签的使用

一、基本语法

<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;

悦读

道可道,非常道;名可名,非常名。 无名,天地之始,有名,万物之母。 故常无欲,以观其妙,常有欲,以观其徼。 此两者,同出而异名,同谓之玄,玄之又玄,众妙之门。

;