html表格

## HTML表格

### 1、表格简介

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

### 2、表格的作用

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

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

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

### 3、表格基本标签

- table 

  - 语法:

  - 作用:定义表格

- tr

  - 语法:
  - 作用:定义表格中的行

- td

  - 语法:
  - 作用：定义表格数据（table data）
    单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
  - 默认样式:内容水平居左，垂直居中

- th

  - 语法:
  - 作用:表示表头单元格，通常在行或列的开始处，定义行或列包含的数据类型 
  - 默认样式：字体加粗，内容水平居中，垂直居中

  表格基本结构如下:

  ```html
 

   
       
       
   
   
       
       
   
   
       
       
   
   

姓名	年龄
张三	18岁
王五	12岁