HTML(4)


链接标签

  • 文本超链接

  • 图像超链接

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta charset="UTF-8">
   <title>链接标签</title>
 </head>
 <body>
 <!-- 使用name作为标记 -->
 <a name="top">顶部</a>
 
 <br/>
 
 <!-- a标签
 href : 必填,表示要跳转到哪个页面
 target : 表示窗口在哪里打卡
           _blank   --在新标签中打开
           _self   --在自己的网页中打开(默认)
 -->
 <a href="第一个网页.html">点击我跳转到页面一</a>
 
 <br/>
 
 <a href="https://www.baidu.com"target="_self">点击我跳转到百度</a>
 
 <br/>
 
 <a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
 </a>
 
 <p><a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
   </a></p>
 <p><a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
   </a></p>
 <p><a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
   </a></p>
 <p><a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
   </a></p>
 <p><a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
   </a></p>
 <p><a href="https://www.cnblogs.com/milegelu/"target="_blank">
   <img src="../resources/image/mlgl.png" alt="糜了个鹿头像"title="点击跳转到糜了个鹿博客园主页">
   </a></p>
 <!-- 锚链接
 1.需要一个锚标记
 2.跳转到标记
 #
 -->
 <a href="#top">回到顶部</a>
 
 <br/>
 
 <a href="第一个网页.html#down">转到</a>
 
 <br/>
 
 <!-- 功能性链接
 邮件链接 : mailto:
 QQ链接
 -->
 <a href="mailto:17526575726@163.com">点击联系我邮箱</a>
 
 <br/>
 
 <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2397388376&site=qq&menu=yes">
   <img border="0" src="http://wpa.qq.com/pa?p=2:2397388376:53" alt="点击联系作者" title="点击联系作者"/>
 </a>
 
 </body>
 </html>

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM