9.9-9.10学习内容-表格

第七天

---

目录
一，需要了解的内容
二，重点内容
三，总结

---

一，需要了解的内容

---

1.1表格结构

在使用表格进行布局时，可以将表格划分为头部、主体和页脚（页脚因为有兼容性问题，我们不在赘述），具体 如下所示：

<thead></thead>：用于定义表格的头部。
必须位于<table></table> 标签中，一般包含网页的logo和导航等头部信息。
<tbody></tbody>：用于定义表格的主体。
位于<table></table>标签中，一般包含网页中除头部和底部之外的其他内容。

1.2表格 table

存在即是合理的。 表格的现在还是较为常用的一种标签，但不是用来布局，常见处理表格式数据。

1.3创建表格

       在HTML网页中，要想创建表格，就需要使用表格相关的标签。创建表格的基本语法格式如下：

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

二.重点内容

---

2.1表头标签

表头一般位于表格的第一行或第一列，其文本加粗居中，如下图所示，即为设置了表头的表格。设置表头非常简单，只需用表头标签<th></th>替代相应的单元格标签<td></td>即可。

2.2 合并单元格

跨行合并： rowspan 跨列合并：colspan

合并单元格的思想： 将多个内容合并的时候，就会有多余的东西，把它删除。 例如 把 3个 td 合并成一个， 那就多余了2个，需要删除。

公式： 删除的个数 = 合并的个数 - 1

三.总结

---

• 表格提供了HTML 中定义表格式数据的方法。
• 表格中由行中的单元格组成。
• 表格中没有列元素，列的个数取决于行的单元格个数。
• 表格不要纠结于外观，那是CSS 的作用。