04.超链接标签a

一、超链接标签

在 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> 
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习目标: 了解常用浏览器 掌握WEB标准 理解标签语义化 掌握常用的排版标签 掌握常用的文本格式化图像链接等标签...
    Mr大喵喵阅读 1,440评论 0 4
  • 本文将会介绍HTML中的一些常用标签,后面还会陆续整理 1:什么是HTML HTML (Hypertext Mar...
    憨憨二师兄阅读 968评论 0 0
  • 0.B/S结构 浏览器服务器模式,web浏览器是客户端最主要的应用软件.将客户端使用web进行统一,系统功能实现集...
    liusong007阅读 1,089评论 0 1
  • --- 学习目标: - 了解常用浏览器 - 掌握WEB标准 - 理解标签语义化 - 掌握常用的排版标签 ...
    红豆丁244阅读 1,394评论 0 2
  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,158评论 0 0