【html基础标签】<a>链接标签与锚点链接

一、相对路径与绝对路径

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前多了个地址,就不展示啦。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容