阿语python第三阶段第6章html+css基础-v5.0前端开发第5节资源路径

‍

学习目标

• 能够知道相对路径和绝对路径的区别

---

当我们使用img标签显示图片的时候，需要指定图片的资源路径，比如:

<img src="images/logo.png">

这里的src属性就是设置图片的资源路径的，资源路径可以分为相对路径和绝对路径。

1. 相对路径

从当前操作 html 的文档所在目录算起的路径叫做相对路径

示例代码:

<!-- 相对路径方式1 -->
<img src="./images/logo.png">
<!-- 相对路径方式2 -->
<img src="images/logo.png">

2. 绝对路径

从根目录算起的路径叫做绝对路径，Windows 的根目录是指定的盘符，mac OS 和Linux 是/

示例代码:

<!-- 绝对路径 -->
<img src="/Users/apple/Desktop/demo/hello/images/logo.png">
<img src="C:\demo\images\001.jpg">

提示:

一般都会使用相对路径，绝对路径的操作在其它电脑上打开会有可能出现资源文件找不到的问题

3. 小结

• 相对路径和绝对路径是 html 标签使用资源文件的两种方式，一般使用相对路径。

• 相对路径是从当前操作的 html 文档所在目录算起的路径

• 绝对 路径是从根目录算起的路径

大家好，我是阿语，从今天开始每天更新8篇python教程从第一个基础语法开始每天更新一下基础内容，这些会分类出来，保持一天完整的python教程，有的人肯定会问 为什么最后才写爬虫了，阿语在这里声明一下：

很多朋友学的很杂，很随心去学，比如看完基础语法之后就去看面向对象就去开始学爬虫，这样学也没有问题，只是你爬着爬着就知道很多知识自己了解的还不完善，思维跟不上，最后知道怎么操作，也知道怎么写，但是到自己写的时候，就不知道怎么开始，还希望一起学python的朋友们一起跟着阿语一起操作，慢慢的学。

这是一个开头后面所有的文章开头，后面所有的文章开头都使用这个开头

1-Python基础语法

2-面向对象编程

3-linux命令

4-多任务编程

5-web服务器

6-web前端开发基础

7-MySQL数据库

8-mini-web框架

9-django框架

10-美多商城

11-DRF框架

12-美多商城后台

13-项目部署

14-flask框架

15-黑马头条

16-人工智能基础

17-推荐系统基础

18-黑马头条推荐系统

19-python测试

20-NLP自然语言处理

21-python运维

22-深度学习与机器视觉

23-爬虫

24-数据分析

喜欢的可以关注一下，这些有相对于的教程，可以回复python5.0就可以自动回复