前端HTML基础:表单标签基础用法,合并单元格

表格标签(重点)

1.表格的主要作用

用于显示、展现数据,因为它可以让数据显示的非常的规整,可读性非常好。

2.表格的基本语法

单元格内的文字

2.1

用于定义表格的标签

2.2 标签用于定义表格中的行,必须嵌套在

标签中

2.3 用于定义表格中的单元格,必须嵌套在标签中

3.表格单元格标签

一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示

标签表示HTML表格的表头部分(table head的缩写)

标题

4.表格属性(不常用,基本用css)

align----表格相对周围元素的对齐方式

border---表格单元是否拥有边框,“”表示没有

cellpadding---规定单元边沿与其内容之间的空白,默认像素为1;

cellspacing---规定单元格之间的空白,默认为2,该属性一般会手动调0。

width---规定表格的宽度

注意:这些属性是写到table标签里面去的。

5.表格结构标签:

因为表格可能很长,可以将表格分割成表格头部和表格主体两大部分

标签---表格的头部区域,标签----- 表格的主体区域

6.合并单元格:

有时我们需要把多个单元格合并成一个单元格。

合并单元格方式:

跨行合并:rowspan="合并单元格的个数"

跨列合并:colspan="合并单元格的个数"

7.目标单元格:(写合并代码)

跨行:最上侧单元格为目标单元格,写合并代码

跨列:最左侧单元格为目标单元格,写合并代码

8.合并单元格实操:

1.确定是跨行合并还是跨列合并

2.找到目标单元格:写上合并方式=合并单元格的数量 列如:

3.删除多余的单元格