相对路径(一)|学习笔记

简介: 快速学习相对路径(一)

开发者学堂课程【HTML 入门与实战相对路径(一)】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/593


相对路径(一)

内容简介

1、举例阐释

2、路径分类之详细讲解相对路径

一、难度阐释,相对路径是重点而且也是难点。

image.png

举例来说明,从裕兴到鸟巢水立方,可以通过上图一根线就可以找到目的地。路径也是如此。

一般而言,需要找HTML网页,页面找图片,可以直接去找,但是有些图片比较多,就需要到文件夹找。

路径分类

image.png


相对路径分为

同一级路径

建一个文件夹,将图片复制进文件夹。

后编辑直接img就可以

image.png

下一级

文件太多就可以新建一个demo.html

图片相当于html下一级

下一级写法注意加斜杠

image.png

image.png

相关文章
Typora设置图片的相对路径(win系统)
Typora设置图片的相对路径(win系统)
880 0
|
2月前
|
前端开发 搜索推荐 开发者
前端基础(三)_路径(绝对路径、相对路径)、语义化、特殊字符
本文介绍了前端开发中的路径概念(包括绝对路径和相对路径)、HTML的语义化以及特殊字符的使用。文章解释了绝对路径和相对路径的区别和应用场景,阐述了HTML语义化的意义和好处,并通过示例代码展示了如何在HTML中使用特殊字符。
73 0
|
6月前
|
存储 数据挖掘 Python
Python技术分享:实现选择文件或目录路径的方法
Python技术分享:实现选择文件或目录路径的方法
336 2
|
6月前
|
Linux
|
运维 JavaScript Java
【软考学习14】绝对路径和相对路径的区别和联系
【软考学习14】绝对路径和相对路径的区别和联系
169 0
|
XML Java 程序员
【IDEA】快捷键注释位置不放置在首行,放置在当前行第一个字符攻略
【IDEA】快捷键注释位置不放置在首行,放置在当前行第一个字符攻略 🍅 Java学习路线:搬砖工的Java学习路线 🍅 作者:程序员小王 🍅 程序员小王的博客:https://www.wolai.com/wnaghengjie/ahNwvAUPG2Hb1Sy7Z8waaF 🍅 扫描主页左侧二维码,加我微信 一起学习、一起进步 🍅 欢迎点赞 👍 收藏 ⭐留言 📝
406 0
【IDEA】快捷键注释位置不放置在首行,放置在当前行第一个字符攻略
|
开发者
相对路径(二)|学习笔记
快速学习相对路径(二)
相对路径(二)|学习笔记
|
开发者
相对路径(一)|学习笔记
快速学习相对路径(一)
相对路径(一)|学习笔记
|
前端开发
Typora使用(包含Markdown使用及注意说明、修改css样式、自动上传图床)
Typora使用(包含Markdown使用及注意说明、修改css样式、自动上传图床)
Typora使用(包含Markdown使用及注意说明、修改css样式、自动上传图床)
html+css实战16-相对路径
html+css实战16-相对路径
86 0
html+css实战16-相对路径