url、图像img和链接a

目录：web站点中存储文件的文件夹名称

资源：网页中要用到的文件都叫资源

URL：统一资源定位器，用来标识网络中的资源位置，俗称“路径”

URL的三种表现形式

1. 绝对路径：从文件所在的最高级目录下开始的完整路径

分类：1.访问互联网上的资源

由以下四个部分组成：1、协议名称（http,https）

2、主机名(IP地址，域名)

3、目录路径

4、文件名

2.访问本机资源

从盘符位置处一层一层查找，直到找到文件名为止

E:\HTML5BASIC\Images\login.png

2. 相对路径：指从当前文件所在位置开始查找资源文件所在位置所经过的路径

分类：1.当前文件与资源文件在同一目录下，直接通过资源文件名称引用

2.资源文件在当前文件中，相当于是子目录，先进入到目录中，再 查找

3.资源文件在当前文件的父层结构下，通过../ 向上返回，再引用文件

3. 根相对路径：服务器上使用，变现：/作为开始

图像：

1. 图像格式：jpg，png，gif

2. 图像元素：<img>

属性：src，指定要显示的图像的url

width，图片的宽度，以px或是%为单位，单位可以省略，

省略的话默认为px

height，图片的高度，以px或是%为单位，单位可以省略，

省略的话默认为px

注意：如果只改变width或height，另外一个属性会跟着等比缩放

url严格区分大小写

链接：

链接元素：<a></a>

属性：href，链接的URL

name，锚点名称

target，指定打开新网页的形式

取值：_self，在本页面打开(默认值)

_blank，在新页面打开

链接的四种表现形式：

1、目标文档为下载资源：<a href="xxx.rar/zip">xxx</a>

2、电子邮件链接：<a href="mailto:xxx@xxx.com">xxxx</a>

3、返回页面顶部空链接：<a href="#">xxx</a>

4、链接到JS：<a href="javascript:js代码">xxx</a>

链接的锚点作用

作用：在网页的任意位置做记号，可由任意位置跳转到该记号位置

使用方式：

定义锚点：

1.使用<a>标记的name属性，<a name=’锚点名称’>内容</a>

2.使用任意标记的id属性，<div id=’锚点名称’>内容</div>

链接锚点：

1.<a href=’#锚点名称’>内容</a>，在本页面查找锚点

2.<a href=’URL#锚点名称’>内容</a>，在URL页面查找锚点

URL 带有后面跟有锚名称 #，指向文档内某个具体的元素。这个被链接的 元素就是目标元素(target element)。

:target 选择器可用于选取当前活动的目标元素。

当点击了链接瞄点，选择器:target可以匹配到被定义的瞄点