前端-表格
表格用来展示数据，不是用来布局页面的
- HTML的表格标签由<table>标签定义：表格容器
- 行由<tr>来定义（table row）：表示表格中的一行
- 没有列的概念，但是有单元格的概念，用标签<td>定义（table data）：表示表格中的一个数据单元格
- 表头标签<th>（table header）：表格标题、表格单元格。一般表头单元格位于表格的第一行或者第一列，并且表头单元格里的文本内容会被加粗居中显示
- 表格属性：如表格边框，颜色，粗细等，但是更多通过CSS来设置
属性标签 作用 示例值 border定义表格边框宽度 border="1"cellpadding定义单元格内容与边框的间距 cellpadding="5"cellspacing定义单元格之间的间距 cellspacing="0"width定义表格宽度 width="100%"height定义表格高度 height="200"align定义表格对齐方式 align="center"bgcolor定义背景颜色 bgcolor="#f0f0f0"colspan定义单元格横跨的列数 colspan="2"rowspan定义单元格横跨的行数 rowspan="3"scope定义表头单元格关联范围 scope="col"headers关联数据单元格与表头 headers="col1"
1.<tr>和 <td>标签
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><table><tr><td>序号</td><td>姓名</td><td>年龄</td><td>性别</td><td>学历</td></tr><tr><td>01</td><td>张三</td><td>26</td><td>女</td><td>硕士</td></tr><tr><td>02</td><td>李四</td><td>30</td><td>男</td><td>本科</td></tr><tr><td>03</td><td>王五</td><td>26</td><td>男</td><td>硕士</td></tr><tr><td>04</td><td>赵五</td><td>24</td><td>男</td><td>本科</td></tr><tr><td>05</td><td>陆六</td><td>23</td><td>女</td><td>本科</td></tr><tr><td>06</td><td>钱一</td><td>33</td><td>女</td><td>博士</td></tr></table>
</body></html>效果：
2.<th>表头单元格标签
可以使用<th>表头单元格标签让第一行的内容居中并加粗
主要修改部分：
<tr><th>序号</th><th>姓名</th><th>年龄</th><th>性别</th><th>学历</th></tr>效果：
3.表格属性标签之一：align（公开支撑，使平行，对齐）
主要修改部分：
<table align="center">效果：
4.border边框粗细属性
border 边界 国界
<table align="center" border="1">效果：
5.cellpadding单元格边距属性
用于设置文本内容与单元格边框的距离
<table align="center" border="1" cellpadding="20">效果：
6.cellspacing单元格与单元格之间的距离属性
<table align="center" border="1" cellpadding="20" cellspacing="0">效果：
7.width属性设置表格宽度
设置单元格（这里错了，是设置表格的宽度）宽度为600像素：
<table align="center" border="1" cellpadding="20" cellspacing="0" width="600">效果：
8.height属性设置表格高度
<table align="center" border="1" cellpadding="20" cellspacing="0" width="600" height="850">
效果：