HTML基础学习：
一、表格标签：
- 作用：用来给一堆数据添加表格语义
格式：
<table>
<tr>
<td>需要显示的内容</td>
</tr>
</table>
注释：（1）其实表格标签中的table标签代表整个表格，也就是一对table标签就是一个表格
（2）表格标签中的tr标签代表整个表格中的一行数据，也就是说一对tr标签就是表格中的一行
（3）td标签代表表格中一行中的一个单元格
注意：
（1）表格标签有一个边框属性，这个属性决定了边框的宽度，默认情况下是0，所以看不到边框，可以在table的开始标签中设置边框属性（border）的值
表格标签的属性（了解）：
- 1.宽度和高度：
可以给table标签和td标签使用
1.1 表格的宽度和高度默认是按照内容的尺寸来调整的，也可以通过给table标签设置width/height属性的方式来手动指定
1.2 如果给td标签设置width/height属性，会修改当前单元格的宽度和高度，不会影响整个表格的宽度和高度 - 2.水平对齐和垂直对齐：
其中水平对齐可以给table标签和td标签使用
垂直对齐只能给tr标签和td标签使用
2.1 给table标签设置align属性，可以控制表格在水平方向的对齐方式
2.2 给tr标签设置align属性，可以控制当前行中所有单元格的水平对齐方式
2.3 给td标签设置align属性，可以控制当前单元格中内容在水平方向的对齐方式
注意：如果td中设置了align属性，tr中也设置了align属性，那么单元格中的内容会按照td中设置的来对齐
2.4 给tr标签设置valign属性，可以控制当前单元格中内容的垂直对齐方式
2.5 给td标签设置valign属性，可以控制当前单元格中内容的垂直对齐方式
注意：如果td中设置了valign属性，tr中也设置了valign属性，那么单元格中的内容会按照td中设置的来对齐 - 3.外边距和内边距：
只能给table标签使用
外边距:就是单元格与单元格之间的距离
默认情况下单元格之间的外边距是2px
内边距：就是单元格与单元格中内容的距离
3.1 **
eg：（1）一个2行2列的表格
<table border="1" width="500px" height="300px" align="center" cellspacing="2px" cellpadding="1" >
<tr>
<td>内容</td>
<td>内容</td>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
</tr>
</table>
细线表格（了解）：
<table border="1" cellspacing="0">
<tr>
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>
注：↑上例在表格标签中指定外边距为0来实现细线表格是不靠谱的
其他属性：
<table bgcolor="black" cellspacing="1px">
<tr bgcolor="white">
<td>1.1</td>
<td>1.2</td>
</tr>
<tr>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>
注释：1.通过table设置bgcolor属性
2.给tr标签设置bgcolor
3.给table标签设置cellspacing
表格中的其他标签：
1.表格标题
caption标签用来设置表格的标题，用来使表格标题居中
注意：caption标签必须写在table标签内部，否则无效
2.标题单元格标签
th标签，只要将当前列的标题存储在这个标签中就会自动居中+加粗文字
示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签练习</title>
</head>
<body>
<table bgcolor="black" cellspacing="1" width="800">
<caption>
<h2>今日小说排行榜</h2>
</caption>
<tr bgcolor="aqua" >
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>今日搜索</th>
<th>最近七日</th>
</tr>
<tr bgcolor="white" align="center">
<td>1</td>
<td align="left">暴走大事件</td>
<td>xxx</td>
<td>623557</td>
<td>4088311</td>
</tr>
</table>
</body>
</html>
后续样式将通过CSS来实现