HTML中的表格的基本结构与常用属性

1、表格的基本结构

首先看看图下

标签的布局

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

学生信息
姓名 年龄 性别
李白 25
李清照 18
共计:2人

2、表格的常用属性

- table的属性

border -- 最外面边框的宽度

width -- 整个表格的宽度

height -- 整个表格的高度,但 thead 与 tfoot 部分的高度不会变

cellspacing -- 单元格与单元格之间的距离

- thead 的属性

height -- 表格头部的高度

align:left | center | right -- 单元格中文字水平方向对齐方式(默认是center)

valign:top | middle | bottom -- 单元格中文字垂直方向对齐方式

- tbody 的属性

height -- 表格头部的高度(该高度值与其它几部分高度值相加必须大于table的高度值才会生效)

align:left | center | right -- 单元格中文字水平方向对齐方式(默认为left)

valign:top | middle | bottom -- 单元格中文字垂直方向对齐方

- tfood 的属性

height -- 表格脚注的高度

align:left | center | right -- 单元格中文字水平方向对齐方式

valign:top | middle | bottom -- 单元格中文字垂直方向对

注:对 所在单元格的宽高进行设置,会影响所在行和列的宽高

3、跨行与跨列

rowspan -- 指定要跨的行数

colspan -- 指定要跨的列数