<!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>Document</title>
</head>
<body>
<!--
路径：images文件夹存放图片，找图片时，就需要通过路径来描述图片文件的位置。
URL--统一资源定位符
绝对路径：
网络上的绝对路径：
语法：http://www.ujiuye.com/statics/images/newzhu_images/logo.png
本地绝对路径：
语法：C:\Users\panyz\Desktop\web一阶段1101\day02\1、代码\images\1.jpg
特点：绝对URL始终指向同一位置，无论在何处使用。
注意：在链接到同一个网站的其他位置时，应该尽可能使用相对路径，链接到另外一个网站时，需要使用绝对链接。
相对路径：
指是由这个文件所在的位置为参考基础，而建立出的目录关系，常用的描述路径的方法：当前目录、上一级目录、下一级目录。
当前目录：
语法：./ 如果引用的文件和当前文件处在同一级 ./ 可以省略
上一级目录：
语法：../
下一级目录：
语法： /
-->
<img src="http://www.ujiuye.com/statics/images/newzhu_images/logo.png" alt="">
<!-- 目标点 -->
<img id="pic" src="C:\Users\panyz\Desktop\web一阶段1101\day02\1、代码\images\1.jpg" alt="">
<!-- 当前目录 -->
<img src="./3.gif" alt="">
<img src="3.gif" alt="">
<!-- 上一级目录 -->
<img src="../2.jpg" alt="">
<!-- 上上级目录 -->
<img src="../../" alt="">
<!-- 下一级目录 -->
<img src="./images/1.jpg" alt="">
</body>
</html>
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
