美文网首页视觉艺术
04.超链接标签a

04.超链接标签a

作者: 小艾同学喔 | 来源:发表于2020-02-22 23:18 被阅读0次

一、超链接标签

在 HTML 标签中,<a> 标签用于定义超链接,作用是从一个页面链接到另一个页面。

单词 anchor [ˈæŋkə(r)] 的缩写,意为:锚。

在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接。

二、链接的语法格式

 <a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>

href属性:用于指定链接目标的url值,是a链接的必写属性。
target属性:用于指定链接页面的打开方式,默认值时_self即当前页面打开,另一个值是_blank,意为在新窗口打开此链接。
注意:target属性,不写数值就是当前窗口打开。只要里面写数值,不管是不是_blank,哪怕是写abc都是新窗口打开。区别是_blank可以打开多个窗口,点击一次就会打开一个新窗口。别的任何值只能打开一个窗口。

三、外部链接

要加https://或http://协议

    <a href="https://www.baidu.com/" target="_brank">百度2</a>

四、内部链接

网站内部页面之间的相互链接. 直接链接内部页面名称即可

    <a href="12-外部链接.html" target="_blank">外部链接</a>

五、空链接

如果当时没有确定链接目标,href内可用#,即为空链接。

  <a href="#">空链接</a>

空链接有返回顶部功能

六、下载链接

如果 href 里面地址是一个文件或者压缩包,会下载这个文件

    <a href="08-千玺.rar">下载</a>

下载必须是文件或压缩包,后缀.exe 和.zip

七、锚点链接

点击链接,可以快速定位到页面中的某个位置.

1.在链接文本的 href 属性中,设置属性值为 #name
2.找到目标位置标签,里面添加一个 id = name

<a href="#name"> 找到姓名 </a>  
<h3 id="name">姓名</h3> 

相关文章

  • 04.超链接标签a

    一、超链接标签 在 HTML 标签中, 标签用于定义超链接,作用是从一个页面链接到另一个页面。 单词 ancho...

  • Day01 HTML

    01.HTML基础知识 02.文本标签 03.图片和超链接 04.表格标签 05.细线表格 06.不规则表格 01...

  • 第二阶段 Day1 HTML基础

    01.web基础 02.文本标签 03.列表 04.图片和超链接 05.表格 06.复杂的表格 01.HTML基础...

  • HTML标签(a table from)

    超链接标签 表格标签 form表单

  • html+css初识(第四节)

    本小节主要介绍超链接标签,以及图片标签,以及通过超链接标签连接到Email地址。依旧通过代码来介绍各种标签: ① ...

  • HTML笔记--超链接标签

    HTML笔记--超链接标签 标签(空格分隔): HTML 超链接标签 链接资源 显示连接的内容 百度这样的效果就是...

  • 认识html

    认识html 文本标签 列表标签 图片标签 超链接(重点!!!!!!!!!!!!!) 表格标签

  • 2018-09-17 ----html总结

    html简介 head标签 文本标签 图片和超链接 表格标签

  • html 基础

    1、超链接: 内容 超链接 2、图片标签: 3、无序列表: ...

  • 超链接

    内容 超链接标签是双标记标签并且 超链接标签是行内标签又叫内联标签 href属性的属性值可以是网址,比如 百度一下...

网友评论

    本文标题:04.超链接标签a

    本文链接:https://www.haomeiwen.com/subject/qsorqhtx.html