版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_40739833/article/details/81266125
在HTML页面中，我们经常要插入表格，链接，或者一些图像的信息，毕竟，一个页面如果只有文字，那会是多么令人厌恶的一件事。
1. HTML表格
<table>标签定义表格，<tr>定义表格中的行，<td>定义一行中的若干单元格。单元格中可以包含文本、图片、列表、段落、表单、水平线、表格等等元素。
<html>
<body>
<!-- 表格边框属性定义，不定义表示无边框 -->
<table border="1">
<tr>
<td>第一行，第一列</td>
<td>第一行，第二列</td>
</tr>
<tr>
<td>第二行，第一列</td>
<td>第二行，第二列</td>
</tr>
</table>
</body>
</html>效果：
| 第一行 | 第一行 |
|---|---|
| 第一行，第一列 | 第一行，第二列 |
| 第二行，第一列 | 第二行，第二列 |
表格的表头使用<th> 标签进行定义。大多数浏览器会把表头显示为粗体居中的文本。
<th>作为列表头时，统一在<table>标签之后定义。
<html>
<body>
<!-- 表格边框属性定义，不定义表示无边框 -->
<table border="1">
<th>第一行</th>
<th>第二行</th>
<tr>
<td>第一行，第一列</td>
<td>第一行，第二列</td>
</tr>
<tr>
<td>第二行，第一列</td>
<td>第二行，第二列</td>
</tr>
</table>
</body>
</html>效果：
| 第一行 | 第二行 |
|---|---|
| 第一行，第一列 | 第一行，第二列 |
| 第二行，第一列 | 第二行，第二列 |
空格表单元的显示<td> </dt>，标签中间加上空格，如下：
<html>
<body>
<!-- 表格边框属性定义，不定义表示无边框 -->
<table border="1">
<th> </th>
<th>第一行</th>
<th>第二行</th>
<tr>
<th>第一列</th>
<td> </td>
<td> </td>
</tr>
<tr>
<th>第二列</th>
<td> </td>
<td>第二行，第二列</td>
</tr>
</table>
</body>
</html>效果：
| 第一行 | 第二行 | |
|---|---|---|
| 第一列 | ||
| 第二列 | 第二行，第二列 |
<caption>定义表格标题，紧跟在<table>之后定义。
2. HTML链接
<a>标签创建链接。
href属性创建指向另一个文档(另一个页面)的链接
name属性创建文档内的书签(本页面)
target 属性，定义被链接的文档在何处显示(本页面/新建页面)
<a href="#lable">跳到最上面去</a>效果：
3. HTML图像
<img>标签定义图像。
- src属性的值为图像的URL地址(图片绝对路径，相对路径，网络链接)
- alt 属性用来为图像定义一串预备的可替换的文本，在图片无法正常显示时，显示此文本。
<body>的background属性可以设置背景图片。