HTML5之表格

作者: 前端梵风 | 来源:发表于2017-08-06 18:28 被阅读13次

一，表格结构

1.<table>：它是创建表格元素。创建后，表格的内容逐行编写。

2.<tr>：它是起始标签，代表每行的开始(table row)。

3.<td>：它是表示表格中的每一个单元格（table data）。代码有点类似我们之前讲的HTML5的列表。

二，表格的标题

1.<th>：它是表格的标题，属性scope="row"是表明标题是一个行标题，scope="col"是表明标题是一个列标题。

三，跨列

1.跨列需要用到css样式中的colspan="#"。

四，跨行

1.跨行需要用到css样式中的rowspan="#"。

五，长表格

1.<thead>：表格中的标题应该放在<thead>元素中。

2.<tbody>：表格主体部分应该放在<tbody>元素中。

3.<tfoot>：表格的脚部注释应该放在<tfoot>元素中。

HTML5学习笔记之表格标签
HTML5学习笔记之表格标签其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...
HTML5之表格
一，表格结构 1. ：它是创建表格元素。创建后，表格的内容逐行编写。 2. ：它是起始标签，代表每行的开始(tab...
扣丁学堂HTML5培训简述HTML5如何做表格只显示表格的外边框
昨天有个学习HTML5的同学通过扣丁学堂官网向扣丁学堂HTML5培训老师询问了一个关于HTML5做表格只显示表格的...
HTML5 第一部分 2018-03-30
一、HTML5概述表格布局：表格应该存放数据，而不是划分网页结构的。 html5 并不仅仅等于 html的nex...
HTML5学习笔记之表单标签
HTML5学习笔记之表单标签其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...
HTML5学习笔记之基础标签
HTML5学习笔记之基础标签其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...
HTML5基本介绍
HTML5基本介绍其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...
混合APP开发MUI框架书目录
MUI框架 HTML5 APP开发之创建APP项目 HTML5 APP开发之软件打包 HTML5 APP开发之全量...
HTML5表格标签
HTML5表格学习
表格的学习目前重点学习下基本的: 这是表格再就是注意下跨行,跨列的表格: 横跨两列的表格姓名电话 ...