ICode9

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

HTML超链接<a></a>标签的使用和基本属性

2021-06-01 19:58:55  阅读:204  来源: 互联网

标签:name 标签 书签 HTML 超链接 跳转 链接


学习目标:

基本掌握超链接标签<a>和</a>的使用方法

学习内容:

超链接:点击链接可以从一张页面跳转到另一张页面。

超链接除了文本以外,可以是图片等其他HTML语言

我们通过使用 <a></a> 标签在 HTML 中创建链接。

  • 通过使用 href 属性 - 跳转到另外一个网页的链接
  • 通过使用 name 属性 - 创建文档内的书签,使用<a href="#name">

HTML 链接-href

链接的 HTML 代码很简单。它类似这样:

<a href="http://www.baidu.com.cn/">跳转百度</a>
href 属性来确定链接的目标。
开始标签和结束标签之间的文字被作为超级链接来显示。

点击这个超链接会把用户带到百度的首页。

HTML 链接 - name 属性

name 属性规定锚的名称。

定义出来的书签不会显示,在浏览界面是不可见的。

作用:使用命名锚时,我们可以创建链接直接跳至该命名锚的链接

们在 HTML 文档中创建一个书签

<a name="shuqian">这里定义书签,读者看不见这个书签</a>

然后,我们在同一个网页中创建指向该锚的链接:

<a href="#shuqian">点击这里跳转到刚定义的"shuqian"那里</a>

在上面的代码中,我们将 # 符号和书签名称(name=”shuqian“)添加到链接地址的末端,就可以直接链接到 shuqian这个锚点了。

标签:name,标签,书签,HTML,超链接,跳转,链接
来源: https://blog.csdn.net/qq_51490348/article/details/117450155

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

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

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

ICode9版权所有