路径
目录文件夹:就是普通文件夹,里面只不过存放了我们做页面所需要的相关素材,比如html文件、图片等
根目录:打开目录文件夹的第一层就是根目录
相对路径:以引用文件所在位置为参考基础,而建立出的目录路径,简单来说,就是图片相对于HTML页面的位置
相对路径分类 | 符号 | 说明 |
同一级路径 | 图像文件位于HTML文件同一级 如<img src="baidu.gif" /> | |
下一级路径 | / | 图像文件位于HTML文件下一级 如<img src="images/baidu.gif" /> |
上一级路径 | ../ | 图像文件位于HTML文件同一级 如<img src="../baidu.gif" /> |
绝对路径:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径
超链接标签
1.链接的语法格式:
在HTML标签中,<a>标签用于定义超链接,作用是从一个页面链接到另一个页面
<a href="跳转方式" target="目标窗口的弹出方式">文本或图像</a>
属性 | 作用 |
href | 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就有了超链接的功能 |
target | 用于指定链接页面的打开方式,其中_self为默认值。_blank为在新窗口中打开方式。 |
2.链接分类:
1.外部链接:例如<a href="http://www.baidu.com">百度</a>
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href="index.html">首页</a>
3.空链接:如果当时没有确定链接目标时,<a href="#">首页</a>
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。
锚点链接
锚点链接:当我们点击链接,可以快速定位到页面中的某个位置
锚点链接:点我们点击链接,可以快速定位到页面中的某个位置。
1.在链接文本的href属性中,设置属性值为#名字的形式,如<a href="#two">第二集</a>
2.找到目标位置标签,里面添加一个id属性 = 刚才的名字,如<h3 id="two">第2集介绍</h3>