html表格

1、表格简介

表格由 table标签来定义。每个表格均有若干行（由tr标签定义），每行被分割为若干单元格（由td标签定义）。 类比：excel表格&网页中的表格

2、表格的作用

之前，web开发人员过去也常常使用表格来完成整个网页布局，结构嵌套复杂修改维护困难，现在已经被DIV+CSS布局所取代。

现在，用于显示、展示数据。(能够简捷迅速地查找或呈现不同类型的数据及它们之间的关系)

注意：现在HTML表格应该用于展现表格数据，而不是用来实现网页布局！

3、表格基本标签

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>

4、表格常用属性

4.1 table属性

语法:

<table width="1000" height="500" border="1" cellpadding="0" cellspacing="0">width\height

作用：定义表格的宽或高

注：省略单位 默认px

border

作用：使用表格的边框属性可以显示一个带有边框的表格。

注意：如果不定义边框属性，表格将不显示边框。

cellpadding

作用：定义单元格中内容和边框之间的间距

cellspacing

作用：单元格和单元格之间的间距