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

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

开发者学堂课程【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

相关文章
|
11月前
|
人工智能 Serverless
AI剧本生成与动画创作解决方案评测:一键式动画制作的革命
AI剧本生成与动画创作解决方案评测:一键式动画制作的革命
600 19
|
自然语言处理 Windows
Notepad++官网地址及使用十六进制查看文件的详细教程
Notepad++官网地址及使用十六进制查看文件的详细教程
4156 0
Notepad++官网地址及使用十六进制查看文件的详细教程
|
Cloud Native 数据可视化 测试技术
免费下载!阿里Nacos开源必备书籍《Nacos架构&原理》
Nacos/nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称;一个更易于构 建云原生应用的动态服务发现、配置管理和服务管理平台。 官网:https://nacos.io/ 仓库:https://github.com/alibaba/nacos
91422 3
免费下载!阿里Nacos开源必备书籍《Nacos架构&原理》
|
存储 机器学习/深度学习 弹性计算
阿里云ARM服务器计算型c8y实例CPU倚天Yitian 710性能评测
阿里云服务器ECS计算型c8y实例,CPU采用2.75 GHz主频的倚天710处理器,c8y云服务器自研倚天710 ARM架构CPU,依托第四代神龙架构,提供稳定可预期的超高性能
1213 0
|
JavaScript 前端开发 算法
html+css+JavaScript实现简洁的圆形时钟数字时钟+指针时钟
使用前端三件套实现一个实时跟新的时钟,其中包括电子时钟和刻度时钟
html+css+JavaScript实现简洁的圆形时钟数字时钟+指针时钟
|
敏捷开发 前端开发 JavaScript
低代码是什么?国内排名前 5 的低代码开发平台对比
低代码是一套可视化开发工具,它帮开发者把前后端基础功能写扎实,开发者只需要通过填表配置或拖拽生成前端组件的方式,即可完成后台管理系统的快速搭建。由于低代码仍需要写少量 JS 代码,所以低代码开发平台主要面向程序员,帮助程序员敏捷开发。本文使用企业级低代码开发平台「卡拉云」举例说明,什么是低代码开发平台。低代码卡拉云把后台管理系统(CRM、ERP、CMS、MES等),拆分抽象成三部分。「前端组件」+「后端数据」+「连接前后端的简单 JS 代码」
1426 0
低代码是什么?国内排名前 5 的低代码开发平台对比
|
存储 人工智能 边缘计算
阿里云付哲:边缘云技术创新 让“云”无处不在
在8月19日的2022中国数字服务大会【边缘服务专题论坛】上,阿里云边缘云团队博士后研究员兼技术专家付哲以《边缘云技术创新 让“云”无处不在》为主题,分享了阿里云在边缘计算与边缘云方面的技术演进路线、商业场景实践与学术研究探索上的工作。
1057 0
阿里云付哲:边缘云技术创新 让“云”无处不在
|
前端开发 JavaScript API
微信拍一拍效果的原理分析及代码实现
微信拍一拍功能上线之后,其用户评价褒贬不一,这里我们不去凑热闹讨论这个功能的应用场景是否真的如部分网友说的毫无卵用,毕竟这是产品经理们应该考虑的事,但我相信作为国民级别的应用软件,其每次更新都肯定是无比谨慎的
微信拍一拍效果的原理分析及代码实现
|
C# 图形学
Unity零基础到进阶 ✨ 使用 Vectrosity 插件 像德芙一样丝滑的画线
Vectrosity画线插件 ☀️ Unity画线插件Vectrosity 🔥 在使用Unity进行开发的过程中,我们在某些时候需要使用到划线功能,使用Unity中的几种划线方法自然可行,但是我们可以用一种更方便的方式来进行划线操作,那就是我们的主角:Vectrosity插件👍!
Unity零基础到进阶 ✨ 使用 Vectrosity 插件 像德芙一样丝滑的画线