前端基础-html-路径的介绍

<!--

路径的介绍

场景：页面需要加载图片，需要先找到对应的图片

类似于：生活中两个人，我要去找你，需要通过一定的路径才能找到

同理：页面需要找到图片，也是需要通过路径才能找到

路径可分为：

绝对路径（了解）

相对路径（常用）

绝对路径：指目录下的绝对位置，可直接到达目标位置，通常从盘符开始的路径

例如：

盘符开头：D:\day01\images\1.jpg

完整的网络地址：https://wwww.itcast.cn/2018czgw/images/logo.gif

相对路径：

概念普及：

当前文件：当前的html网页

目标文件：要找到的图片

相对路径：从当前文件开始出发，找目标文件的过程

相对路径分类：

同级目录

代码步骤：

方法一：<img src="目标图片.gif" alt="">

方法二：<img src="./目标图片.gif" alt="">

下级目录

代码步骤：

1.先知道在那个文件夹里面-文件夹名字

2.进入这个文件夹 /

3.此时看到目标文件直接喊他-直接写目标文件名字

上级目录

代码步骤：

1.先出当前文件夹，岛上一级目录：../

2.此时看到目标文件直接喊他-直接写目标文件

如果目标图片在上级文件夹中则

-->

前端基础-html-路径的介绍相关推荐

2022年最新前端零基础学习路径
2022年最新前端零基础学习路径近几年互联网行业可谓发展火热,也因此新生了很多职业,而这众多的新生职业中备受瞩目的当属web前端工程师.因此现在越来越多人选择学习web前端技术,想要通过这份技能赢得 ...
前端基础git(一)-git入门代码版本控制介绍
上两篇文章我主要分享了github的一些操作及用法,从今天开始我讲分享一些有关git的一些知识.如果想了解github的操作可以看前端都应懂的入门基础-github基础前端基础牢记的一些操作-Gi ...
❤️《Vue前端基础框架集合从入门到高级》（小白也可学，建议收藏）❤️
<Vue前端基础框架集合从入门到高级>,小白也可学文章目录 <Vue前端基础框架集合从入门到高级>,小白也可学 ❤️一.前端核心分析 ❤️1.1.概述 ❤️1.2.前端三要素 ...
第二章网页前端基础与HTTP协议
第二章网页前端基础与HTTP协议爬虫需要遵循网络传输协议才能与服务器进行通信,当与服务器建立通信后,爬虫才能获取网页内容,从而获取想要爬取的内容.获取到的网页内容通常为HTML(HyperText ...
前端基础知识第一章---HTML
前言 ❤️ 天空黑暗到一定程度,星辰就会熠熠生辉 ❤️ 前端基础知识第一章---HTML 一.HTML 简介 (1)网页 1.1 什么是网页 1.2 什么是 HTML (2)常用浏览器 2.1 常用的 ...
HTML及CSS基础入门：web前端基础，看这一篇就够了
写在开头:这是一篇有关于HTTP和CSS的基础入门教程.你也可以将他当作一本字典,因为我将所有可能用到的语法结构全部设置了标题,你只需要点击标题即可跳转过去.同时,我在最后放置了两个CSS实战,以供读 ...
html表格联动,html前端基础：table和select操作
html前端基础:table和select操作发布时间:2020-05-13 09:58:10 来源:亿速云阅读:196 作者:Leah 这篇文章主要为大家详细介绍html前端基础中有关table ...
element ui 图片控件排序_JAVA全栈面试前端基础之四 Vue+Element框架快速开发
本文主要包括以下4个内容什么是ElementUI Vue 中引入ElementUI Vue+elementUI构建后台管理系统开源项目推荐 1.什么是ElementUI 官网:https://el ...
boost log 能不能循环覆盖_前端基础进阶（十四）：深入核心，详解事件循环机制...
Event Loop JavaScript的学习零散而庞杂,很多时候我们学到了一些东西,但是却没办法感受到进步!甚至过了不久,就把学到的东西给忘了.为了解决自己的这个困扰,在学习的过程中,我一直在试图 ...

前端基础-html-路径的介绍

前端基础-html-路径的介绍相关推荐

最新文章

热门文章