HTML文件路径

HTML页面中图片会非常多，通常我们会新建一个文件夹来存放这些图像文件，这时再查找图像，就需要采用“路径”的方式来制定图像文件的位置。
路径可以分为：

  1. 相对路径
  2. 绝对路径

相对路径

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。

相对路径分类

符号

说明

同一级路径

图像文件位于HTML文件同一级，比如<img src="picture.png">

下一级路径

/

图像文件位于HTML文件下一级，比如<img src="/picture.png">

上一级路径

../

图像文件位于HTML文件上一级，比如<img src="../picture.png">

绝对路径

绝对路径：是指目录下的绝对位置，直接到达目标位置,或者是完整的网络地址。
例如：“/Users/gcvition/Downloads/picture.png”，或者是完整的网络地址“https://www.runoob.com/wp-content/uploads/2015/06/go128.png”

超链接

在HTML中，超链接标签使用 <a></a> 来表示。
单词 anchor 的缩写，意为：锚。
href 属性 是<a></a>的必须属性，用于指定链接目标的Url地址。
target 属性 用于指定链接页面的打开方式，其中 _self 为默认值，表示在当前窗口打开超链接，_blank表示在新窗口打开超链接。

空链接：如果当时没有确定链接目标时，<a href="#"></a>

下载链接：如果 href 里面的地址如果是文件或者是要锁包，则打开链接时会下载这个文件。

锚点链接：点击我们的超链接，可以快速定位到页面中的某个位置。
1 - 在链接文本的href属性中，设置属性值为 #名字 的形式，比如 <a href="#two">第2集</a> 2 - 找到目标位置标签，里面添加一个id属性=刚才的名字，如 <h3 id="two">第二集</h3>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超链接</title>
</head>

<body>
    <a href="https://www.baidu.com" target="_self">百度一下(本窗口打开)</a><br>
    <a href="https://www.baidu.com" target="_blank">百度一下(新窗口打开)</a>
</body>

</html>

特殊字符

在HTML页面职工，一些特殊的符号不方便直接使用，此时我们就可以使用下面的字符来替代。

特殊字符

描述

字符的代码

空格符

&nbsp;

<

小于号

&lt;

>

大于号

&gt;

&

和号

&amp;

¥

人民币

&yen;

©

版权

&copy;

®

注册商标

&reg;

°

摄氏度

&deg;

±

正负号

&plusmn;

×

乘号

&times;

÷

除号

&divide;

²

平方

&sup2;

³

立方

&sup3;