超链接是什么标签以及有哪些属性（超链接一般包括哪些类别）
超链接是网站中使用比较频繁的元素，是各个网页之间的桥梁，它能够让浏览者在各个独立的页面之间方便的跳转。除了指向一个网页之外，超链接还可以用于指向图片、文件、邮箱地址等。
创建超链接
在HTML中创建超链接非常简单！只需用标签环绕需被链接的对象即可，基本语法格式如下：
<a href=”跳转目标” target=”目标窗口的弹出方式”>文本或图像</a>
a标签常用属性：
1. href：用于指定链接目标的url地址，当给标签应用href属性时，它就具有了超链接的功能。
2. target：用于指定链接页面的打开方式，其取值有self和blank两种。
- _self：默认值，表示目标窗口的弹出方式为在原窗口上；
- _blank：表示目标窗口的弹出方式为，创建一个新的窗口。（当内容较多时，此方法就显得较麻烦，此时就可以使用<base/>标签来进行简化，具体使用方法见文末~）。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<span class="hljs-comment"><!--举个栗子--></span> <span class="hljs-meta"><!DOCTYPE <span class="hljs-meta-keyword">html</span>></span> <span class="hljs-tag"><<span class="hljs-name">html</span>></span> <span class="hljs-tag"><<span class="hljs-name">head</span>></span> <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"utf-8"</span> /></span> <span class="hljs-tag"><<span class="hljs-name">title</span>></span>Doument<span class="hljs-tag"></<span class="hljs-name">title</span>></span> <span class="hljs-tag"></<span class="hljs-name">head</span>></span> <span class="hljs-tag"><<span class="hljs-name">body</span>></span> <span class="hljs-tag"><<span class="hljs-name">h3</span>></span>友情链接：<span class="hljs-tag"></<span class="hljs-name">h3</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"http://www.baidu.com"</span> <span class="hljs-attr">target</span>=<span class="hljs-string">"_self"</span>></span>百度<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"http://www.sohu.com"</span>></span>搜狐<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"http://www.163.com"</span> <span class="hljs-attr">target</span>=<span class="hljs-string">"_blank"</span>></span>网易<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"></<span class="hljs-name">body</span>></span> <span class="hljs-tag"></<span class="hljs-name">html</span>></span> |
注意：
- 外部链接：需添加 “http://”；
- 内部链接：直接链接内部页面名称即可；如 ：< a href=”index.html”> 首页 </a >
- 当没有确定链接目标时，通常将链接标签的href属性值定义为“#”(即href=”#”)，表示该链接暂时为一个空链接；
- 不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。
锚点链接
网站中经常会有一些文档页面由于文本或者图像内容过多，导致页面过长。访问者需要不停拖动浏览器上的滚动条来查看文档中的内容。为了方便用户查看文档中的内容，在文档中需要使用锚点链接。
创建锚点链接
锚点链接可以链接到本页面的特定位置，也可以链接到另一个页面的特定位置。其实现方式是添加锚标记。通过创建锚点链接，用户能够快速定位到目标内容。
创建锚点链接分为两步：
- 当跳转到当前页面的指定位置时，直接将锚标记设置为href属性值。<a href=”#id名>“链接文本”</a>
- 使用相应的id名标注跳转目标的位置。 <h3 id=”id名”>哔哩吧啦</h3>
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 |
<span class="hljs-comment"><!--举个栗子--></span> <span class="hljs-meta"><!DOCTYPE <span class="hljs-meta-keyword">html</span>></span> <span class="hljs-tag"><<span class="hljs-name">html</span>></span> <span class="hljs-tag"><<span class="hljs-name">head</span>></span> <span class="hljs-tag"><<span class="hljs-name">meta</span> <span class="hljs-attr">charset</span>=<span class="hljs-string">"utf-8"</span> /></span> <span class="hljs-tag"><<span class="hljs-name">title</span>></span>Doument<span class="hljs-tag"></<span class="hljs-name">title</span>></span> <span class="hljs-tag"></<span class="hljs-name">head</span>></span> <span class="hljs-tag"><<span class="hljs-name">body</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#one"</span>></span>1<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#two"</span>></span>2<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#three"</span>></span>3<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#four"</span>></span>4<span class="hljs-tag"></<span class="hljs-name">a</span>></span> <span class="hljs-tag"><<span class="hljs-name">h3</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"one"</span>></span>1、<span class="hljs-tag"></<span class="hljs-name">h3</span>></span> <span class="hljs-tag"><<span class="hljs-name">hr</span> /></span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 <span class="hljs-tag"><<span class="hljs-name">h3</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"two"</span>></span>2、<span class="hljs-tag"></<span class="hljs-name">h3</span>></span> <span class="hljs-tag"><<span class="hljs-name">hr</span> /></span> 麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！ 麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！ 麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！ <span class="hljs-tag"><<span class="hljs-name">h3</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"three"</span>></span>3、<span class="hljs-tag"></<span class="hljs-name">h3</span>></span> <span class="hljs-tag"><<span class="hljs-name">hr</span> /></span> 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈 <span class="hljs-tag"><<span class="hljs-name">h3</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"four"</span>></span>4、<span class="hljs-tag"></<span class="hljs-name">h3</span>></span> <span class="hljs-tag"><<span class="hljs-name">hr</span> /></span> 麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！ 麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！ 麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！麻利麻利贝贝哄！！！！！！ <span class="hljs-tag"></<span class="hljs-name">body</span>></span> <span class="hljs-tag"></<span class="hljs-name">html</span>></span> |
注：将锚点目标链接设置为“#”，可以直接返回顶部哦！
<base/>标签使用方法：用于<head>之间，设置target属性。如：
<base target=”_blank”/>
本文来自投稿，不代表本站立场，转载请注明：https://www.qingyangmei.com/98865.html
相关推荐
-
汽车电影院加盟需要了解什么费用（露天汽车电影院哪里有为什么火不起来）
教你开影院，不花冤枉钱！ 很多想开电影院的人都很想知道开一家电影院需要多少钱，怕钱花出去了，得来的却是全白费功夫，怕钱花得特别冤枉，电影院又开不起来了，无计可施。 开电影院需要多少…
-
怎样在网上购物既便宜又省钱（一个完整的网上购物流程是怎样的包括什么）
网购省钱流程，一年省个两三千不是问题 省钱流程视频 省钱流程图片 网购时，你有没有遇到这样的情况？ 1.网购碰到喜欢的东西因为几块钱去跟客服软磨硬泡也不能优惠； 2.看到别人买的东…
-
快手自媒体平台注册入口账号
快手自媒体平台注册入口账号是一种提供跨平台多渠道社交营销的服务，可以帮助企业和个人快速构建全新的营销渠道，实现快速、有效的营销效果。快手自媒体平台注册入口账号，可以让企业或个人用户…
-
微商怎样让客源主动加你范文
一、积极发布活动信息 作为一个微商，应该积极发布活动信息，以求吸引更多的客户。比如，可以发布关于新产品的介绍，新技术的介绍，新产品的优惠活动等，这样可以让客户对你的产品有更多的了解…
-
女人挣钱的门路，女人在家怎么挣钱
最近这两年的疫情对各行各业的影响实在是太大了，很多人都没有收益，像一些商场电影院基本上也看不到人影，所以说不少人就把目光转移到网络上面来，毕竟网络的包容非常的大，足不出户就能够实现…
-
网页安全证书过期了怎么办？
现在的网络平台，对于安全性的要求是非常的高的，并且确实也是有实力，有能力做到保障用户的安全。 不管大大小小的网站，他们对于安全性方面是非常的看重的，而现在的一些软件一些工具他们安全…
-
淘宝网购物货到付款（货到付款的购物平台有哪些）
货到付款什么意思?淘宝货到付款可靠么? 货到付款是当你在淘宝上或者其他电子商务平台上买商品中由快递代收商品款项的一个叫法，商品由快递先送到卖家的手上，卖家通过验收商品之后，把钱交给…
-
淘宝直通车点击器怎么用（淘宝直通车点击扣费规则在哪里点进去）
淘宝直通车点击收费是怎么计算的？ 淘宝直通车也算是淘宝比较流行的一个推广工具了，它是通过点击收费的，商家投放广告发时候，如果没有买家点击是不收费的。有些商家在开通直通车后不知道这个…
-
支付宝实名认证安全吗（支付宝实名认证未成年有影响吗）
未实名认证也照样“畅通无阻”！实测：部分交友软件仍对未成年人“不设防” 近日，多名网友发现并举报部分交友软件对未成年人使用把控不严，北京青年报记者体验发现，在使用多个陌生人交友软件…
-
开网店需要办理营业执照吗（网店营业执照在哪里怎么办理）
开网店也需要办理营业执照？ 如今，许多创业者或实体店老板都喜欢在网络平台上开店售货。尤其在疫情的环境下，顾客热衷于网上购物和线下拆快递，已经越来越少人愿意花时间出门“血拼”了。网店…
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 87833061@qq.com 举报，一经查实，本站将立刻删除。