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