html超链接及锚链接的简单使用

最新推荐文章于 2025-04-04 23:35:07 发布

juezhenhong

最新推荐文章于 2025-04-04 23:35:07 发布

阅读量5.1k

点赞数 3

文章标签： html web html5 css java

本文链接：https://blog.youkuaiyun.com/juezhenhong/article/details/111567290

版权

本文详细介绍了HTML中如何创建外部超链接，包括在本页面打开和新标签页打开，以及在iframe中的跳转行为。同时讲解了锚链接的创建，通过id和name属性实现页面内部跳转，以及快速回到页面顶端的方法。此外，还涵盖了在网页中嵌入邮件发送链接、启动本地应用程序的技巧，以及利用title属性为超链接添加简短说明。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html超链接及锚链接的简单使用

一、创建外部超链接

1、在本页面中打开超链接


<a href="https://www.baidu.com">百度</a>
<a href="https://www.baidu.com"  target="_self">百度</a> 
注意： 默认情况下，target的值就是_self，所以上面第一条就算不指定target的值，也是直接在本页面中打开超链接。

2、在新的标签页中打开超链接


<a href="https://www.baidu.com"  target="_blank">百度</a>   //target的值为_blank的情况下，在新的标签页中打开超链接。

3、剩下两个target的值，_parent和_top都是用在iframe中，即内嵌网页时，控制跳转行为。_parent是跳转到上一级窗口，_top是跳转到顶级窗口。如果不用在iframe中，就如1中一样。

二、创建锚链接（即标记本html页面中的一个点，通过点击a标签，直接跳转到那个位置。）

1、构建锚点在本页面中跳转

第一种方式：id方式


<p id="top"><a href&

最低0.47元/天解锁文章