ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

HTML5-超链接标签及应用

2022-06-14 11:32:38  阅读:132  来源: 互联网

标签:标签 点击 HTML5 跳转 文本 链接 超链接


链接标签:
<a href="path" target="目标窗口位置"以>链接文本或图像<la> >文本超链接 >图像超链接
href:链接路径
target:链接在那个窗口中打开,常用值:_self、_blank

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>链接标签学习</title>
</head>
<body>
  <!--使用name做一个标记-->
  <a name="top">顶部</a>
  <br/>
  <!--页面间链接:
a标签
     href:必填,表示要跳转到那个页面
    target:表示在那里打开
        _blank:在新标签页中打开网页
        _self:在自己的网页中打开
        
-->
    <a href="1.我的第一个页面.html",target="_blank">点击我跳转页面1</a>
      <a href="https://www.baidu.com",target="_self">点击我跳转百度</a>
  <br/>
  <a href="我的第一个页面">
    <!-- 图片超链接-->
    <img src="../resou/img/章节.jpg",alt="盖章图像",title="悬停内容"></a>
  
 
  <!-- 锚链接
    当前页面间跳转:
    回到p标签内容的顶部
    1.需要一个锚标记,在body的任意创建一个锚标记,使用name做一个标记,通过#+name的名称去跳转
    2.跳转到标记:在回到顶部的链接中,路径上用#+name名字跳转锚标记顶部
-->
  <p>
    <img src="../resou/img/章节.jpg",alt="盖章图像",title="悬停内容">
  </p>
  <p>
    <img src="../resou/img/章节.jpg",alt="盖章图像",title="悬停内容">
  </p>
  <p>
    <img src="../resou/img/章节.jpg",alt="盖章图像",title="悬停内容">
  </p>
  <p>
    <img src="../resou/img/章节.jpg",alt="盖章图像",title="悬停内容">
  </p>
  
  <a href="#top">回到顶部</a>
  
  <!--跳转其他页面的用方法
    要跳转的页面名称,并且这个页面中要设置有锚点
    锚点相当于一个<a>标签,但是这个标签只设置了name值,如:<a name="top">内容</a>
    -->
  <a href="1.第一个页面.html#top">跳转</a>
  
  
  
  
 <!-- 功能必链接
    邮箱链接:mailto +邮箱地址
    qq在线咨询链接:第一在百度查找qq推广,然后登录qq,找到推广工具,设置提示语,复制代码即可
--> 
  <a href="mailto:1234112545@qq.com">跳转</a>
  <!--qq在线咨询链接 -->
  <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=24736743&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:24736743:41" alt="点击聊天" title="点击聊天"/></a>
  
  
  
  
</body>
</html>

 

标签:标签,点击,HTML5,跳转,文本,链接,超链接
来源: https://www.cnblogs.com/huxingchen/p/16373579.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有