图像和链接---Web前端

最新推荐文章于 2022-02-14 10:21:50 发布

冯晓如

最新推荐文章于 2022-02-14 10:21:50 发布

阅读量291

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签：图像和链接

本文链接：https://blog.csdn.net/honeygirl_/article/details/101055574

Web前端专栏收录该内容

36 篇文章

订阅专栏

本文深入解析URL的概念及其在网络资源定位中的作用，详细阐述了绝对路径、相对路径和根相对路径的区别与应用场景，帮助读者掌握不同路径类型在网页设计与开发中的正确使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、URL

	1、目录 & 目录结构 
		目录：WEB站点中文件夹的名称
		目录结构：由目录以及子目录形成复杂结构
	2、URL
	  URL(Uniform Resource Locator)
		统一资源定位符
		作用：用来标识网络中资源的位置
			资源：图片，网页，音视频...
		俗称：路径(地址)

URL在WEB页面上有三种表现形式:
1、绝对路径
2、相对路径
3、根相对路径（服务器上使用）
3、路径详解(重点)
1、绝对路径
1、什么是绝对路径
文件从最高级目录下开始的完整路径

1、访问网络资源
1、由以下四个部分组成
1、协议名称
2、主机名(IP地址，域名)
3、目录路径
4、文件名

协议名与主机名用：//分割 ex:
后边内容用/分割
1、协议名
https
2、主机名(域名)
www.baidu.com
3、目录路径
img
4、文件名
bd_logo1.png
https://www.baidu.com/img/bd_logo1.png

//www.baidu.com/img/bd_logo1.png
2、访问本机资源 C D E 为最高级目录
从盘符位置处一层一层查找，直到找到文件名为止
E:\HTML5BASIC\Images\login.png

2、相对路径

1、什么是相对路径
谁想用资源文件谁就是当前文件！！
文件为止是相对于当前文件的位置开始进行查找的完整路径表现形式。

相对路径是通过文件之间的位置关系来查找文件
2、具体表现形式

                    1、资源文件和当前文件在同目录
						直接 通过资源文件名称 进行引用
					2、资源文件 在 当前文件的 相当于是子目录中
						想进入到目录中，再查找
					3、资源文件 在 当前文件的 父层目录下
						通过 ../ 向上返回一级，再引用文件
                        3.根相对路径（服务器上使用）
                             表现：/作为开始
                              ex:  /images/btn_register.jpg