图像和链接---Web前端

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