HTML5——4 a标签

a标签

涉及的属性 主要是:href、target、name(用于锚点)

target  有两个属性值 _self和_blank,前者是改变当前页面跳转到超链接地址,后者是打开新页面跳转至超链接的地址。默认是_self。

1.主要作用是用于超链接,可以链接到其他页面也可以链接到本地其他文件。

语法<ahref =“地址” target="medthod"></a>

测试效果 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签与锚连接</title>
</head>
<body>
<a href="http://www.baidu.com" target="_blank">百度</a>
<a href="http://www.taobao.com" target="_self">淘宝</a>
</body>
</html>

2.a标签也可以设置锚点,在本页面和其他页面进行跳转。

 本页面跳转语法< a href =“#name1” target="medthod"></a>

                          < a name="name1">被链接到的位置</a>

测试效果1——本页面跳转

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签与锚连接</title>
</head>
<body>
<a href="#15"><p>1</p></a>
<!-- 为显示效果可以添加多行成对的p标签 -->

<a name="15" ><p>15</p></a>
</body>
</html>

测试效果2——其他面跳转

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>a标签与锚连接</title>
</head>
<body>
<a href="../../Test/Day02.html#game_background" target="_self">游戏背景</a>
</body>
</html>

总结

利用锚点的跳转原理是一致的,用name属性设置 被跳转的位置,用href做链接

posted @   淡若浮云  阅读(423)  评论(0编辑  收藏  举报
编辑推荐:
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
· .NET Core内存结构体系(Windows环境)底层原理浅谈
· C# 深度学习:对抗生成网络(GAN)训练头像生成模型
· .NET 适配 HarmonyOS 进展
阅读排行:
· 用 DeepSeek 给对象做个网站,她一定感动坏了
· DeepSeek+PageAssist实现本地大模型联网
· 手把手教你更优雅的享受 DeepSeek
· Java轻量级代码工程
· 从 14 秒到 1 秒:MySQL DDL 性能优化实战
点击右上角即可分享
微信分享提示