1、表格简介
表格由 table标签来定义。每个表格均有若干行(由tr标签定义),每行被分割为若干单元格(由td标签定义)。 类比:excel表格&网页中的表格
2、表格的作用
之前,web开发人员过去也常常使用表格来完成整个网页布局,结构嵌套复杂修改维护困难,现在已经被DIV+CSS布局所取代。
现在,用于显示、展示数据。(能够简捷迅速地查找或呈现不同类型的数据及它们之间的关系)
注意:现在HTML表格应该用于展现表格数据,而不是用来实现网页布局!
3、表格基本标签
table
语法:
作用:定义表格
tr
语法:
作用:定义表格中的行
td
语法:
作用:定义表格数据(table data) 单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
默认样式:内容水平居左,垂直居中
th
语法:
作用:表示表头单元格,通常在行或列的开始处,定义行或列包含的数据类型
默认样式:字体加粗,内容水平居中,垂直居中
表格基本结构如下:
姓名 | 年龄 |
张三 | 18岁 |
王五 | 12岁 |
4、表格常用属性
4.1 table属性
语法:
Heading | Another Heading |
---|---|
row 1, cell 1 | row 1, cell 2 |
row 2, cell 1 | row 2, cell 2 |