网页跳转

443 阅读1分钟

一、相对路径。

1.网页文件在同一文件夹里,直接打上文件名称.后缀 

<img src="logo.png">
<a herf="demo.html">跳转到demo页面</a>

2.在其同级的文件夹里,先打对应的文件夹名称/文件名.后缀

<img src="images/logo.png">
<a herf="web/demo.html">跳转到demo页面</a>

3.在其上一级目录中,返回上一级../文件名.后缀

<img src="../logo.png">

<a herf="../demo.html">跳转到demo页面</a>

二、锚链接。

利用A标签的跳转功能,找到跳转到本网页对应位置,一对A标签的相互作用。

<a herf="#bot" id="top">返回底部</a>  //跳转链接
<a herf="#top" id="bot">返回顶部</a>  //坐标点