一、相对路径与绝对路径
1.绝对路径:
(1)具体链接,如http://www.baidu.com
(2)从盘符开始的地址,如C:\Users\Administrator\Desktop\沐沐沐沐沐沐
2.相对路径:
如下类型:
/images/001.png (当前页面所在文件夹内的images文件夹内的001.png图片)
../web/001.html. (先返回当前页面所在文件夹的上一级,再打开web文件夹内的001.html图片)
二、<a>标签的使用方法
<a>标签是链接标签,点击后可以跳转到其它页面,
我们要把需要跳转到页面地址写在开始标签<a>中,在开始标签中写入href="",引号内写上完整的地址,可以是绝对路径或者相对路径。
默认会在当前页面打开新页面,但是我们通常见到的网页都是会打开新页面的,放置target即可在新页面打开,如下图我放置了百度的链接,可以看到页面中出现了带下划线的字样,点击后即可进入百度页面。
三、当前页面锚点链接
实现点击<a>标签后可以跳转到本页面的某一标签,为需要跳转的部分加入id,如图所示,在<a>标签的href内写入#id。
注:id不可以以数字开头,尽量使用字母开头。
图3-1 代码
图3-2 页面效果
跳转示意图:
图3-3 点击“点我”后
四、其它页面锚点链接
与当前页面锚点链接一样,区别是href内不再只是#id,而是先写上地址,再写上跳转到的页面内设置的id。
比如需要从001.html跳转到002.html内的<h2>标签,需要在002.html的<h2>内写好id,而在001.html的<a>标签中写上href=“002.html#id”
只是比当前页面的href前多了个地址,就不展示啦。