一、HTML的表格元素

1、table元素

table元素的属性:

frame属性值:

rules的属性值:

summary的用法:

1

2

3

Month

4

Savings

5

6

7

January

8

$100

9

10

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

2、caption元素

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

可选属性:

3.tr元素

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

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

4、td|th元素

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

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

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

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

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

5。colgroup、col元素

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

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

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

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

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

属性:

实例:

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

html表格 元素位置,HTML的表格元素相关推荐

  1. HTML如何改变表格浮动位置,css控制表格 样式 css布局 浮动及定位

    一.制作一张商品信息表,内容自定,要求用到行与列的合并 实例 html> 饮料商品信息表 table caption { font-family:"宋体"; font-siz ...

  2. selenium点击元素位置_Selenium 八种元素定位方法

    前言: 我们在做WEB自动化时,最根本的就是操作页面上的元素,首先我们要能找到这些元素,然后才能操作这些元素.工具或代码无法像我们测试人员一样用肉眼来分辨页面上的元素.那么我们怎么来定位他们呢? 在学 ...

  3. HTML如何改变表格浮动位置,HTML浮动表格

    好文网为大家准备了关于HTML浮动表格范文,好文网里面收集了五十多篇关于好HTML浮动表格好文,希望可以帮助大家.更多关于HTML浮动表格内容请关注好文网篇一:HTML列表.框架以及表单上一篇文章为大 ...

  4. 表格标题位置-CSS入门基础(020)

    今天我们接着分享表格样式的内容. 默认情况下,表格标题位置是在表格的上方,但是如果我们想要把表格标题放在表格下方呢? 在css中,我们可以使用caption-side属性来定义表格标题的位置. 语法: ...

  5. java:数组长度与数组元素位置的关系

    数组长度与数组元素位置的关系 相关说明 源码 运行结果 相关说明 数组的长度和元素的位置.个数有一小点需要注意.数组长度为数组元素的个数,这里设为n.数组元素位置,最后一个元素为n-1. 源码 cla ...

  6. php中插入表格 标签,PHP_HTML中的表格元素,一,table标签。tablegt - phpStudy

    HTML中的表格元素 一, 1,border属性的参数值是数字,表示表格边框宽度所占的像素点数.它也可以不带有参数值使用,仅表示该表格是有边框的.例如, 2,width和height属性的作用是指定表 ...

  7. ppwjs之bootstrap表格:String.到表头单元格元素 和 String.到表格单元格元素

    2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPT html> <html><head><meta http-equ ...

  8. 五行表格HTML代码,认识HTML表格元素

    表格基本结构 表格由一行或多行单元格组成,应用表格可以让数据展现更有条理.例如,要展现一组企业员工通讯录,通讯录包括员工名称.电话.电子邮件.职务四项,就可以使用多行四栏的表格来展现企业员工通讯录.H ...

  9. html中table是块元素吗,列表及表格(块元素,内联元素)

    ## 列表 **ul**无序列表.**ol**有序列表.**dl**自定义列表 ~~~ ul{ //样式重置,去除ul中的样式(内容前边的图形) list-style: none; } }这两个标签往 ...

最新文章

  1. ad中电容用什么封装_干货 | 为什么单相电机要用电容,三相电机不需要电容?...
  2. Hystrix 熔断器01—— 概述 || Hystrix 重要概念
  3. 日期DatePicker与时间TimePicker控件
  4. 查看mysql SQL物理读_Oracle查看逻辑读、物理读资源占用排行的SQL语句
  5. 我的工作网怎么样_分享一下我在珍爱网的相亲经历
  6. Notification使用详解之二:可更新进度的通知
  7. vscode调试html文件,vscode调试html文件
  8. MySQL数据库数据存放位置修改
  9. group by having执行顺序
  10. python:使用requests,bs4爬取mmjpg上的图片
  11. Windows应急响应练习-勒索病毒篇1
  12. html怎么添加视频旋转,拍摄的视频如何旋转 三种方法教你旋转视频
  13. 纳税人信息与服务器信息不一致,没有申报清册信息怎么办
  14. 繁簡替互換(SQL)
  15. 如何使用PS将图片中的类千图网的字眼去掉
  16. 【网络安全】文件包含漏洞总结
  17. 关闭word后自动打开新的文档
  18. python3的各种经典案例,总共299个案例,直接可以运行(中:100个案例)
  19. SCA连载GDPR 数据处理案件分析 | 德国数据保护局vs德国学术机构,谁是数据控制者?
  20. S7netplus通信开发及西门子S7 PLC设置

热门文章

  1. 开放性物流接口调用流程 - 达达物流
  2. Excel_提取某一列的汉字拼音首字母
  3. jquery利用雅虎YQL 做中间层进行跨域请求
  4. win7网络适配器_win7系统提示本地连接没有有效的ip配置怎么办【详细介绍】
  5. VMware虚拟机内部错误以及NAT联网问题
  6. TYVJ4239 [NOIP2015提高组DayT3]斗地主
  7. anaconda :An unexpected error has occurred. Conda has prepared the above report
  8. 我为什么选择了数据分析(朋友5000字心得总结分享)
  9. 怎么画单极交流放大电路波形图_LED灯泡:超低成本的LED恒流驱动电路
  10. C#实现winform下图片的上传预览保存以及在桌面应用系统的应用