目录
前言
一、文本链接
超链接表述
二、图片路径详解
绝对路径
相对路径
网络路径
前言
一、文本链接
超链接表述
HTML 使用标签<a>来设置超文本链接
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
会出现下面的情况：紫色的是 点击过的，蓝色的是 未点击的。（点击即可直接跳转到相应的网站）
二、图片路径详解
在HTML 5中，可以使用相对路径或绝对路径来定义图片路径。以下是关于这两种路径的详细解释：
1. 相对路径：
相对路径是相对于当前HTML文件的路径。相对路径可以分为以下几种类型：
- 相对于当前文件路径：
当图片文件和HTML文件在同一目录下时，可以直接写图片文件名作为路径。
例如：\<img src="image.jpg"\>
- 相对于当前文件的父目录路径：
当图片文件在当前HTML文件的父目录中时，可以使用"../"来向上一级目录。
例如：\<img src="../images/image.jpg"\>
- 相对于当前文件的子目录路径：
当图片文件在当前HTML文件的子目录中时，可以直接写子目录路径。
例如：\<img src="images/image.jpg"\>
2. 绝对路径：
绝对路径是相对于网站根目录的路径，可以使用完整的URL地址或相对路径表示。
- 使用完整的URL地址：
可以直接使用完整的URL地址来引用网络上的图片文件。
例如：\<img src="https://example.com/images/image.jpg"\>
- 使用相对路径表示绝对路径：
可以使用相对路径从网站的根目录开始指定图片文件的路径。
例如：\<img src="/images/image.jpg"\>
总之，在HTML 5中，可以根据需要使用相对路径或绝对路径来定义图片路径，确保图片文件可以正确显示在网页上。
绝对路径
绝对路径是电脑的盘符存储与访问的具体地址
<img src="C:\Program\1.jpg" width="300px" >相对路径
两者相对关系，两者在同一路径下可以直接访问
- 子级关系：/
- 父级关系：../
- 同级关系：./
如图所示：
网络路径
具体的网络地址：https://pic3.zhimg.com/
如下图：
