HTML路径和超链接标签

---

前言

每天进步一点点，最后惊艳所有人。文章篇幅很短，答应我要看到最后哦！

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、路径

简单的说就是网址，说明文件保存在网站中具体位置的说明性信息。路径又分为绝对路径和相对路径，接下来以图片路径来举例。补充一个小知识：目录文件夹（普通文件夹）和根目录（打开目录文件夹第一层就是根目录）。

1.绝对路径

目录下的绝对位置，直接到达目标位置，通常从盘符开始的路径。

代码如下（示例）：

<img src="https://wedu.zentaopm.com/czgw/images/logo.png"/>或<img src="C:\Users\lin\Desktop\学习前端\02\022.png"/>

2.相对路径

当前图片相对于当前HTML页面的位置。

代码如下（示例）：

同一级路径"直接是图片名字"<img src="p1.jpg"/>
下一级路径"文件夹名字/图片名字"<img src ="images/p1.png"/>
上一级路径"../图片名字"<img src="../p1.png"/>

二、超链接标签

1.链接的语法格式以及属性

链接语法格式：<a href="跳转目标"target="目标窗口弹出方式”>文本或图案
属性：href（必须属性）:用于指定链接目标的url地址，，具有超链接功能；target：用于指定链接页面的打开方式，_self为默认值，_blank为新窗口打开方式。

2.链接分类

（1）外部链接

代码如下（示例）：

<a href="http://www.baidu.com">百度</a>
<a href="http://www.baidu.com"target="_blank">百度</a>

（2）内部链接

代码如下（示例）：

<a href="index.html">首页</a>

（3）空链接

代码如下（示例）：

<a href="#">公司地址</a>

（4）下载链接：href里面是地址或者压缩包

代码如下（示例）：

 <a href="022.zip">下载文件</a>

（5）锚点链接：快速定位到页面中某个位置，在href中设置属性值”#名字“的形式，在目标位置添加id属性调用名字。

代码如下（示例）：

<a href="#name">名字来源</a>
<h3 id=“name">名字来源</h3>

---

总结

以上就是今天要讲的内容，本文仅仅简单介绍了HTML的路径和超链接标签，谢谢浏览，文中如有错误，望批评指教。