超链接标签及应用

链接标签

  • 文本超链接
  • 图像超链接
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签学习</title>
</head>
<body>
<!--使用name作为标记-->
<a name="top">顶部</a>
<!--a标签
href：必填，表示要跳转到哪个页面
target：表示窗口在哪里打开
    _blank：在新标签中打开
    _self：在自己的网页中打开
-->
<a href="1.我的第一个网页.html" target="_blank">点击我跳转到页面一</a>
<a href="https://www.baidu.com" target="_self">点击我跳转到百度</a>
<br/>
<a href="1.我的第一个网页.html">
    <img src="../resources/image/wsh1.jpg" alt="wsh图片" title="悬停文字" width="400" height="580">
</a>

<!--锚链接
1.需要一个锚标记
2.跳转到标记
#
-->
<a href="#top">回到顶部</a>

<!--功能性链接
邮件链接：mailto:
QQ链接
-->
<a href="mailto:2076746988@qq.com">点击联系我</a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2076746988&site=qq&menu=yes">
    <img border="0" src="http://wpa.qq.com/pa?p=2:2076746988:41" alt="您好，加我领取VIP666大礼包！"
         title="您好，加我领取VIP666大礼包！"/>
</a>
</body>
</html>
posted @   摘星丶仙  阅读(16)  评论(0)  编辑  收藏  举报
相关博文：
· 网页基本标签
· 文本阴影和超链接伪类
· Day02超链接标签及应用
· 超链接标签
· HTML5-超链接标签及应用（页面链接、锚点链接：跳转其他页面的任意位置/或者跳转回顶部、功能性链接：邮箱链接、qq链接）
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛