前端开发第三节课
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.网页元素链接：在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加到超链接。