Day2路径，相对与绝对

路径指的是查找文件时，从起点到终点经历的路程
路径也分为绝对路径与相对路径
相对路径是从当前文件出发查找目标额文件
绝对路径是从盘符出发找目标文件 Windows电脑是从盘符出发的，而Mac电脑则是从根目录出发
在实际引用当中更多的使用相对路径
image
相对路径的运用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
<!-- 这个图片在JAVA前端这个文件夹里，即与各个htlm的文件同级 -->
    <img src="./12234-C.webp" >
    <!-- 这个图片与html文件同级，但在此基础上新建了一个文件夹存放该图片 -->
    <img src="./images/1.jpeg" >
<!-- 这个图片所在的文件夹会比JAVA前端更上一级，所以要用两个.来访问 -->
    <img src="../image/2.webp" >
</body>
</html>

绝对路径的运用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- windows系统默认盘符后是\，其他系统则是/，建议统一写成/ -->
    <img src="C:\Users\lenovo\JAVA前端\12234-C.webp">
    <img src="C:/Users\lenovo\JAVA前端\12234-C.webp">


    <img src="https://www.itheima.com/special/brandzly2/images/PC-banner1.jpg" width="500" >
</body>
</html>

绝对路径在实际应用中会用来实现友情链接，即一一段文本中有部分内容可以通过光标点击跳转到其他的网页

posted @ 2025-10-23 23:07  冰涿  阅读(3)  评论(0)    收藏  举报