HTML的基本使用-03-表格 table

表格 table

表格作用：

表格的现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。

因为它可以让数据显示的非常的规整，可读性非常好。

特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理，虽然 div 布局也可以做到，但是总没有表格来得方便。

1. 创建表格

创建表格的基本语法：

<table>
  <tr>
    <td>单元格内的文字</td>
    ...
  </tr>
  ...
</table>

1. table用于定义一个表格标签。

2. tr标签 用于定义表格中的行，必须嵌套在 table标签中。

3. td 用于定义表格中的单元格，必须嵌套在<tr></tr>标签中。

4. 字母 td 指表格数据（table data），即数据单元格的内容，表格最合适的地方就是用来存储数据的。

   ​

总结：

• 表格的主要目的是用来显示特殊数据的
• 一个完整的表格有表格标签（table），行标签（tr），单元格标签（td）组成，没有列的标签

• <tr></tr>中只能嵌套<td></td>类的单元格
• <td></td>标签，它就像一个容器，可以容纳所有的元素

2. 表格属性

通常这三个参数 border cellpadding cellspacing 设为 0

案例1：

<table width="500" height="300" border="1" cellpadding="20" cellspacing="0" align="center"