作者: 壹梦天涯 | 来源:发表于2018-06-02 16:45 被阅读0次

a标签(anchor)

格式: <a href="http://www.it666.com">江哥博客</a>
作用: 用于从一个页面链接到另一个页面

注意事项:
在a标签之间一定要写上文字, 如果没有, 那么在页面上找不到这个标签
a标签也叫做超级链接或超链接

a标签的属性
属性名称 作用
href(hypertext reference) 指定跳转的目标地址
target 告诉浏览器是否保留原始界面, _blank保留, _self不保留
title 悬停文本(介绍这个链接, 只有在鼠标移动到超链接上时才会显示)

base标签和a标签结合使用
如果每个a标签都想在新页面中打开,那么逐个设置a标签的target属性比较麻烦, 这时我们可以使用base和a标签结合的方式,一次性设置有a标签都在新页面中打开
格式: <base target="_blank" />
注意事项:
base必须嵌套在head标签里面
如果标签上指定了target,base中也指定了target,那么会按照标签上指定的来执行

a标签其它用法
假链接(本质是跳转到当前页面)
格式<a href="#">江哥博客</a> 回到顶部
格式<a href="javascript:">江哥博客</a> 没反应

跳转到当前页面指定位置(锚点链接)
2.1.格式<a href="#location">跳转到指定位置</a>
2.2.在页面的指定位置给任意标签添加一个id属性
例如 <p id="location">这个是目标</p>

2.3格式<a href="#location">跳转到指定位置</a>
2.4在页面的指定位置添加一个a标签
<a name="location"></a>

跳转到指定页面的指定位置
格式: <a href="01-锚点链接.html#location">跳转到指定位置</a>
只需要在01-锚点链接.html页面添加一个id位置即可

下载(极力不推荐使用)
例如<a href="girl.zip">下载福利资源<a/>

作者:极客江南
链接:https://www.jianshu.com/p/cc669b19f09f
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章

  • 标签,标签

    宇宙很大,“宇宙”这俩字儿很小。 宇宙很复杂,“宇宙”这俩字儿很简单。 宇宙时刻在变化,“宇宙”这俩字儿没什么变化...

  • JAVAWEB总结1_HTML

    常用标签 标签 标签 标签 标签 标签 标签 标签 标签

  • html学习之路(三)- 块级标签

    div标签 p标签 pre标签 figure标签 figcaption标签 ul标签 ol标签 li标签 dl标签...

  • img标签,a标签,form标签

    img标签 作用:在页面中显示一张图片 属性: src 图片的路径 width 图片宽 height 图片高 al...

  • html学习之路(二)- 行内标签

    hr标签(块级标签) br标签 wbr标签 span标签 a标签 small标签 abbr标签 dfn标签 bdo...

  • html5的学习

    标签的学习 标签 : 网页的头部标签 标签 : 网页的标题信息标签 标签 : 段落标签 标签 : 强调字体标签 默...

  • ## HTML基础-常见标签

    ## HTML基础-常见标签 # hr标签 # --> # img标签 # br标签 # p标签 # a标签 # ...

  • 04.标签

    单标签 注释标签:ctrl+/ 换行标签: 水平线标签: 双标签 文本标签: 文本标签: 标题标签 文本格式化标签...

  • JSTL 标签库

    out 标签 redirect 标签 set 标签 remove 标签 if 标签 case 标签 fn:cont...

  • html学习之路(四)- 表格标签

    table标签 caption标签 col标签 colgroup标签 thead标签 tbody标签 tfoote...

网友评论