html表格 元素位置,HTML的表格元素

一、HTML的表格元素

1、table元素

table元素的属性:

33e8f7b57d46a039873672f813bb032d.png

frame属性值:

b6ea1ba4b033358b43b1ae64b7c878e3.png

rules的属性值:

ad98360575fbf82ed015d79c3c79be41.png

summary的用法:

1

2

3

Month

4

Savings

5

6

7

January

8

$100

9

10

summary 属性不会对普通浏览器中产生任何视觉变化。

2、caption元素

caption 元素定义表格标题。caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

可选属性:

405284fa57a33c1995ec6a7ed3cb2d0a.png

3.tr元素

标签定义 HTML 表格中的行。tr 元素包含一个或多个 th 或 td 元素。

f770076bc9e39864bae6c04a7c879c0d.png

char、charoff属性几乎没有浏览器支持。

4、td|th元素

定义表格内的表头单元格。HTML 表单中有两种类型的单元格:

表头单元格 - 包含表头信息(由 th 元素创建)

标准单元格 - 包含数据(由 td 元素创建)

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本

6304e73460d63de97a0c25f6caac55d5.png

abbr、axis、char、charoff、headers、scope等属性浏览器几乎不支持。

5。colgroup、col元素

标签为表格中的一个或多个列定义属性值。您只能在table或colgroup中使用该元素。 标签定义表格列的组。通过此标签,您可以对列进行组合,以便格式化。该元素只有在

注释:colgroup 元素只能包含 col 元素。

注释:colgroup 元素无法创建表格列。如需创建列,必须在 tr 元素内规定 td 元素。

提示:如果需要向一个列组规定相同的属性值,请使用该元素。

提示:如果需要为一个或多个列规定属性值,请使用 col 元素。

属性:

fd0828baefb116d2133cd993e7116b47.png

实例:

ISBNTitlePrice3476896My first HTML$532489604My first CSS$47

设置三个列的背景颜色为红色,第一个列的宽度300px,剩余两个列为400px;

6.thead、tfoot、tbody元素

thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

1

2

3

4

5

THEAD 中的文本

6

7

8

9

10

11

TFOOT 中的文本

12

13

14

15

16

17

TBODY 中的文本

18

19

20

21

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值