一、表格标签<table>&行标签<tr>&单元格标签<td>

HTML的 table 元素表示表格数据

标签省略 不允许,开始标签和结束标签都不能省略

HTML <tr> 元素定义表格中的行。

标签省略 不允许,开始标签和结束标签都不能省略

HTML <td> 元素定义表格中的列

标签省略 不允许,起始标签是必需的,结束标签有时可以省略但不提倡
<table><tr><td>Name</td><td>City</td><td>Age</td></tr><tr><td>Tom</td><td>上海</td><td>1</td></tr><tr><td>Jack</td><td>北京</td><td>2</td></tr><tr><td>Rose</td><td>深圳</td><td>3</td></tr>
</table>

table-border :
这个整型元素使用像素,定义了表格边框的大小。如果设置为1,表示表格具有1px大小的边框。
table-width :
该属性定义了表格的宽度。

二、表头单元格标签<th>

HTML <th> 元素定义表格内的表头单元格.有文本加粗居中的作用

标签省略 不允许,起始标签是必需的,结束标签有时可以省略但不提倡

三、 表格标题标签<caption>

HTML <caption> 元素展示一个表格的标题, 它常常作为 <table> 的第一个子元素出现,同时显示在表格内容的最前面

标签省略 不允许,开始标签和结束标签都不能省略

四、结构标签<thead>&结构标签<tbody>&结构标签<tfoot>

HTML的<thead>元素定义了一组定义表格的列头的行。
HTML 元素<tbody> 元素在一个 <table> 元素中可以出现一个或者更多.代表表格的主体内容
HTML 元素<tfoot> 定义了一组计算表格中各列总和的行

五、HTML表格标签的属性

table-border :这个整型元素使用像素,定义了表格边框的大小。如果设置为1,表示表格具有1px大小的边框。
table-width :该属性定义了表格的宽度。
table-bgcolor :这个属性定义了表格的背景颜色
table-align :这个属性指定了包含在文档中的表格必须如何对齐。有如下值:left,表格将在文档左侧显示;center, 表格将在文档中央显示;right, 表格将在文档右侧显示;
table-cellpadding :这个属性定义了表格单元的内容和边框之间的空间。
table-cellspacing :这个属性定义了两个单元格之间空间的大小
table-frameviod:不显示外边框boxborder:四周都显示above:显示上部的外边框below:显示下部的外边框hsides:显示上下的外边框lhs:显示左部的外边框rhs:显示右部的外边框vsides:显示左右的外边框
table-rulesnone, 内边框将不被显示;这是默认的值;rows, 内边框将在行之间显示;cols, 内边框在列之间显示;all, 内边框将被显示thead/tbody/tfoot/tr/td -align:这个属性指定了包含在文档中的表格内容必须如何对齐。有如下值:leftcenterright
thead/tbody/tfoot/tr/td -valign :bottommiddletop
thead/tbody/tfoot/tr/td -bgcolor :这个属性定义了表格行的背景颜色td-colspan:跨列属性
td-rowspan:跨行属性
td-height:
td-height:

HTML表格表格标签的属性相关推荐

  1. Web前端,HTML表格相关标签和属性,在网页中表格结构的显示

    一.表格的基本标签 场景: 在网页中以行+列的单元格的方式整齐展示和数据,如:学生成绩表 代码 <!-- table 包含 tr, tr包含td --><table border=& ...

  2. 表格table标签的属性及使用方式

    表格 table 创建表格 在HTML网页中,要想创建表格,就需要使用表格相关的标签.创建表格的基本语法格式如下: <table><tr><td>单元格内的文字&l ...

  3. html5语言在tr下下拉列表,5-HTML列表, table表格标签及其属性-Go语言中文社区

    一.有序列表 (ordered list) 格式: 有序列表 有序列表 有序列表 语义及运用: 给一堆数据添加列表语义,数据有先后之分.常运用于歌单,排行榜等需要列出先后顺序的列表. 注意点: 1. ...

  4. HTML中table表格的常用标签及属性

    table表格的常用标签及属性 <table border="1" cellspacing="0" cellpadding="5"&g ...

  5. html语法中表格命令具备哪些属性,html 语法介绍 标签及有关属性 列表 表格 表单...

    1.HTML简介 HTML是用来做网页 HTML:Herp Text MarkUp Language 超文本标记语言 超文本:超:超链接 包含超链接的文本 标记语言: 标记:标签 语言:制作网页的语言 ...

  6. css里td自带什么属性,关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)...

    简介这篇文章主要介绍了关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)以及相关的经验技巧,文章约1129字,浏览量216,点赞数4,值得参考! te ...

  7. Html表格标题有哪些属性,html表格标题标签是什么

    在html中,表格标题标签是caption,语法" 表格标题".caption标签用于定义表格标题,必须紧跟在开始表格标签" 本教程操作环境:windows7系统.CSS ...

  8. html表格标题标签_HTML标题标签

    html表格标题标签 The headings are an important aspect in a document. The heading could be provided on the ...

  9. html+表格+左侧表头,HTML thead表格表头 标签

    HTML 表格表头 标签 设置表格表头的组合内容, 内部需要包含一个或者多个 和 或标签,否则没有意义.主要用于CSS 来为这些元素定义样式,从而改变表格的外观. 案例 本案例设置了一行的内容(第一行 ...

  10. HTML常用表格及表单属性

    HTML常用表格及表单属性: html中的表格由<table标签来定义.每个表格都包括多行多列,用行标签<tr.列标签<td来定义.一行中可以嵌套多个列,对于表格标签的话,我们常用的 ...

最新文章

  1. 冒泡链表排序java_链表排序(冒泡、选择、插入、快排、归并、希尔、堆排序)...
  2. oracle创建函数和调用存储过程和调用函数的例子(区别)
  3. 软件构架师的十大特点
  4. 前端学习(2753):创建新页面和页面配置
  5. 分数线划定(洛谷-P1068)
  6. 分布式系统以及CAP原理
  7. STM32-SysTick定时器
  8. UML之一综合设计例题
  9. 男友升级为老公的时候
  10. linux下svn的用法
  11. 黑客帝国里的酷炫蓝光屏幕
  12. I 滑稽树上滑稽果(莫队+组合数)
  13. ipad如何与手机微信连接服务器地址,如何设置微信在手机和ipad同步 - 卡饭网
  14. Java随机产生两位数正整数
  15. 基于stm32单片机的空气质量检测仿真(仿真+源码+全套资料)
  16. 9. docker——DockerFile案例
  17. NYOJ82-迷宫寻宝(一)
  18. 问题排查-Flink session窗口最后一个不过期问题
  19. 安科瑞运维项目中的计量产品应用及解决方案
  20. svn提交怎么全选_SVN 一次性提交多个目录中文件

热门文章

  1. [007]爬虫系列 | 猿人学爬虫攻防大赛 | 第四题: 雪碧图、样式干扰
  2. 郭天祥的10天学会51单片机_第二节
  3. Coreldraw修改平面图独到漂亮见解就在这里了
  4. Android Camera HAL3 - 开篇词
  5. 通过USB连接线ssh到iOS中
  6. 移动端Vin码识别-车架号识别SDK
  7. office文件 vue 预览_OFFICE 文档转换为html在线预览
  8. 如何将WebRoot部署到tomcat中
  9. zrst指令是什么意思_三菱PLC梯形图所有指令符号是什么意思?
  10. [copypaste]各种渐进表示法