前端开发第三节课

20-目录文件夹和根目录

4.8图像标签和路径（重点）

2.路径（前期铺垫知识）

（1）目录文件夹和目录

实际工作中，我们的文件不能随便乱放，否则用起来很难快速地找到他们，因此我们需要一个文件夹来管理他们。

目录文件夹：就是普通文件夹，里面只不过存放了我们作业面所需要的相关素材，比如html文件、图片等。

根目录：打开目录文件夹的第一层就是根目录。

（2）路径

页面中的图片会非常多，通常我们会新建一个文件夹来存放这些图片文件（images），这时再查找图像，就需要采用“路径”的方式来制定图像文件的位置。

路径可以分为：

1.相对路径

相对路径：以引用文件所在位置为参考基础，而建立出的目录路径。

这里简单来说，图片相对于HTML页面的位置。

2.绝对路径

2.路径之绝对路径

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

例如，“D:\web\img\logo.gif”或完整的网络地址是“http://www.itcast.cn/images/logo.gif”。

绝对\

相对/

4.7超链接标签（重点）

1.链接的语法格式

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

单词anchor意为:锚

两个属性的作用如下：

属性

2.链接分类：

1.外部链接：例如<a href="http://www.baidu.com">百度</a>

2.内部链接：网站内部页面之间的相互链接，直接链接内部页面名称即可，例如<a href ="index.html">首页</a>

3.空链接：如果当时没有确定链接目标时，<a href="#">首页</a>

4.下载链接：如果href里面地址是一个文件或者压缩包，会下载这个文件

5.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加到超链接。