表格元素

Posted yysy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格元素相关的知识,希望对你有一定的参考价值。

基本的表格

table表示html文档的表格;tr表示表格中的行;td表示表格中的单元格

表头单元格

th元素表示表头单元格,用来区分数据和对数据的说明。可以在一行中混合使用td和th元素,也可以让一行包含清一色的th元素

表头和表格主体

tbody元素表示构成表格主体的全体行

thead元素用来标记表格的标题行

tfoot元素用来标记组成表脚的行

制作不规则表格

想让一个单元格纵跨多行要用rowspan属性,属性值就是所跨行数;单元格横跨多列要用colspan属性

为表格添加标题

caption元素为表格定义标题并与表格联系起来

处理列

colgroup代表一组列,span属性设置它包含的列数;也可以不使用span属性,改用col元素指定列,col位于colgroup之中,未指定span属性情况下代表一列。

colgroup元素放置于caption与thead之间,可设置多个colgroup元素,代表的列从左往右顺延

设置边框

table元素的border属性告诉浏览器绘制边框,可以设置为1或"",该属性并不控制边框样式

以上是关于表格元素的主要内容,如果未能解决你的问题,请参考以下文章

JS基础13-DOM访问表格子元素的常用属性和方法

css怎样让div里的表格居中对齐

表格标签

HTML5 权威指南第 11 章 表格元素 学习笔记

使 html 表格元素响应水平滚动

element-ui 表格元素映射渲染、即 传数字,渲染名称