视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
html里的超链接标签
2020-11-27 18:49:52 责编:小采
文档

html里的超链接标签a标签功能很强大,我们来介绍一下A标签的语法,常用属性以及应用拓展,大家可以看一下有没有自己还不知道的A标签的隐藏功能。

html a语法

<a href="网址、链接地址" target="目标" title="说明">被链接内容</a>

同时锚文本_锚链接又被大家称为超链接。

网址,网址一定加上http://+域名

相对路径,如htef="/abc/",代表本站内锚文本

target目标值如下:

_blank -- 在新窗口中打开链接 _parent -- 在父窗体中打开链接 _self -- 在当前窗体打开链接,此为默认值 _top -- 在当前窗体打开链接,并替换当前的整个窗体(框架页)

如果target不带值,代表在本页父窗体中打开链接

A标签内常用属性:

href:打开目标地址(网址),一般填写将要转到目标地址。如href="http://www.PHP.cn/"这样浏览者在网页中鼠标点击对应此锚文本将打开到网页http://www.PHP.cn/

target:打开目标方式

如果a标签内没有此元素,默认是在浏览网页中重新载入对应链接网页

_blank :新建标签窗口页,设置此属性,点击锚文本后对应新建标签网页窗口卡打开对应地址

_parent:父级打开网页,此属性可以理解为本页网页从新载入锚文本的网页,针对html框架iframe网页中,整个网页将重新载入打开目标网址地址

常用就此两种打开目标方式,一个是新建窗口、一个不设置target将本页重新载入锚文本地址指向URL、一个是整个网页父级重新载入(类似于没有设置target)相同效果。

html a作用

使用a锚链接可以从A页面转到B页面,也就是常常见到和使用的,如新闻网站,我们看到标题觉得感兴趣,鼠标点击然后进入另外页面了解详情。这个就是html a超链接运用。

html a应用实例

<a href="http://www.PHP.cn/" target="_blank" title="转到php主页">php</a>

html a适用范围

使用html a可以对图片进行锚文本超链接

exp:

<a href="http://www.PHP.cn/" target="_blank" title="转到php主页"><img src="http://www.PHP.cn/css-images/css-logo.gif" /></a>

可以对文字内容进行锚文本超链接

<a href="http://www.PHP.cn/">php</a>

html a应用扩展

同页面锚文本-同页面内上下转到指定位置

常常看见我们页面底部点击 “回到顶部”链接就会转到网页顶部实现。

Exp:

1、首先我们在网页body内最上面添加一个<span id="top" name="top"></span>

2、我们再到body内,需要出现点击后转到顶部位置添加,<a href="#top">回到顶部</a>

这样就可实现点击“回到顶部”即可本页内快速浏览到网页顶部位置。

html里的超链接标签的使用方法就这么多,需要的朋友可以保存一下,也请大家持续关注本站的其他更新。

相关阅读:

纯CSS制作动画效果按钮

CSS怎么设置table边框样式

CSS怎么加粗文字

下载本文
显示全文
专题