小知识，大挑战！本文正在参与“程序员必备小知识”创作活动。
【详细+超基础】前端之旅
软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Node.js、Vue、小程序开发（uniapp）以及各种UI组件库、前端框架的学习。
8.超链接标签与锚点链接
超链接标签：点击触发后可以跳转对应链接或者下载相应资源。
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
| 属性 | 作用 |
|---|---|
| href | （此项必填）用于填写指定链接目标的url地址，注意：如果 href 里面地址是一个文件或者压缩包，会下载这个文件。 |
| target | 用于填写指定连接页面的打开方式：_self为默认值，_blank为在新窗口中打开 |
锚点链接标签：点击链接，可以实现快速定位到页面中的某个位置。
- 在链接文本的
href属性中，设置属性值为 #名字 - 找到目标位置标签，里面添加一个 id属性=刚才的名字
<a href = "#demo">点击一下，进入自我介绍</a>
<h3 id = "demo">自我介绍</h3>
9.特殊字符
| HTML 原代码 | 显示结果 | 描述 |
|---|---|---|
< | < | 小于号或显示标记 |
> | 大于号或显示标记 | |
& | & | 可用于显示其它特殊字符 |
" | “ | 引号 |
® | ® | 已注册 |
© | © | 版权 |
™ | ™ | 商标 |
  | 半个空白位 | |
  | 一个空白位 | |
| 不断行的空白 | |
重点记住：空格、大于号、小于号 这三个，其余的使用的很少，如果需要使用回头查阅即可
10.表格标签
表格标签现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表格式数据。因为它可以让数据显示的非常的规整，可读性非常好。特别是后台展示数据的时候表格运用是否熟练就显得很重要，一个清爽简约的表格能够把繁杂的数据表现得很有条理。
- table 用来定义表格的标签
- tr 用来定义表格中的行，必须嵌套在
<table></table>标签中 - td 用来定义表格中的单元格，必须嵌套在
<tr></tr>标签中 - th 用来定义表格中的表头，表头单元格里面的内容加粗居中显示
<body>
<table>
<tr> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr>
<tr> <td>孙铭</td> <td>男</td> <td>18</td> </tr>
<tr> <td>孙不坚</td> <td>男</td> <td>18</td> </tr>
<tr> <td>sunming</td> <td>男</td> <td>18</td> </tr>
</table>
</body>
代码效果：
表格属性
表格标签的属性实际开发并不常用，后面样式基本都是通过CSS来设置的。
| 属性名 | 属性值 | 描述 |
|---|---|---|
| align | left center right | 规定表格相对周围元素的对齐方式。 |
| border | 1或者’’ ‘’ | 规定表格单元是否拥有边框，默认为" "，表示没有边框，1则表示有。 |
| cellpadding | 像素值 | 规定单元边沿与其内容之间的空白，默认1像素。 |
| cellspacing | 像素值 | 规定单元格之间的空白，默认2像素。 |
| width | 像素值或百分比 | 规定表格的宽度。 |
<table align=center border="1" cellpadding="20" cellspacing="0" width="500">
合并单元格
- 跨行合并：
rowspan=“合并单元格的个数” - 跨列合并：
colspan="合并单元格的个数"
确定目标单元格（合并写代码）
- 跨行：最上面侧单元格为目标单元格，写合并代码
- 跨列：最左面侧单元格为目标单元格，写合并代码
<table align=center border="1" cellpadding="20" cellspacing="0" width="700">
<tr>
<th colspan="5">个人简历</th>
</tr>
<tr>
<th>姓名:</th>
<th></th>
<th>性别：</th>
<th></th>
<th rowspan="4">照片</th>
</tr>
<tr>
<th>婚姻状况：</th>
<th></th>
<th>出生年月：</th>
<th></th>
</tr>
<tr>
<th>民族：</th>
<th></th>
<th>政治面貌：</th>
<th></th>
</tr>
<tr>
<th>身高：</th>
<th></th>
<th>学历：</th>
<th></th>
</tr>
</table>
代码效果：
