超链接标签 a （锚点链接）

超链接标签 < a >

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

链接的语法格式

<a href="https://www.bilibili.com/video/BV13g4y1B7LX" target="目标窗口的弹出方式">好看的电脑壁纸</a>

属性	作用
href	用于指定链接目标地址（必须属性），当为标签应用href属性时，他就有了超链接的功能
target	用于指定链接页面的打开方式，其中_self为默认值。_blank为在新窗口打开

target:

（1） _blank

<a href="https://www.bilibili.com/video/BV13g4y1B7LX" target="_blank">好看的电脑壁纸:碧蓝窑子</a>

打开网址：是在另一个页面打开的。

（2） _self
该页面变成超链接的网页，不会重新打开一个网页。

内链接
以上为外连接，你也可以将网页名称写入href中打开。
打开同目录下的网页文件叫内链接。

<a href="超链接.html" target="_blank">打开同目录下的网页</a>

空连接
空链接：没有确定的连接目标时。
href = “#” 即可实现空链接，即点击没有反应。

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

下载链接

<a href="压缩包.zip" target="_blank">点击就会下载链接</a>

5. 文本，图像，表格，视频，音频链接
只要将其文件名写入 href 中即可。

锚点链接：点我们点击的链接，可以快速定位到页面中的某个位置：

先在链接文本中的href属性中，设置属性值为：#名字 的形式，如<a href="#two">第二季<a>
再找到目标位置标签后，里面添加一个id属性=刚刚的名字，如：<h3 id='two'>第二季的介绍</h3>

点击第二季链接就会跳转到第二季介绍

超链接标签 a （锚点链接）相关推荐

html超链接标签以及锚点标签的学习
html超链接标签以及锚点标签的学习 <html><head><title>我的超链接网页跳转</title><meta charset=&quo ...
HTML5中各种标签总结（超链接标签、锚点设置）
一.超链接标签<a></a> 作用:实现页面的跳转功能 href:控制跳转的目标位置 target:_self:再自身页面打开(默认效果也是在自身页面打开) _blank:在空 ...
[19/05/15-星期三] HTML_body标签(超链接标签和锚点)
一.超链接标签 <html><head><meta charset="UTF-8"><title>04 body超链接标签学习< ...
Java Web开发4___HTML基本标签: 超链接标签之页面内部链接
页面内部链接: 意思是在一个页面内, 点一个网页元素会链接到当前页面另外一个地方去,称之为页面内部链接实现步骤 1. 首先在页面中给需要链接的位置命名, 方法如下: <a name= ...
html 超链接标签 a 的基本用法
HTML中具有使当前页面跳转到一个新的页面的功能的标签-------超链接标签(a标签),超链接标签为双标签,写法如下: <a></a>,默认是一个行内标签. href 链接 ...
HTML学习记录二:html标签（五）：超链接标签
HTML学习记录二:html标签(五):超链接标签一.超链接标签写法二.超链接标签的属性三.超链接的锚点用法四.链接分类一.超链接标签写法在 HTML 标签中, 标签用于定义超链接,作用是 ...
超链接标签、注释标签
文章目录前言一.链接的语法格式二.链接的分类 1.外部链接 2.内部链接 3.空链接 4.下载链接 5.网页元素链接 6.锚点链接三.注释四.特殊字符前言在HTML标签中,<a&g ...
Web前端开发笔记——第二章 HTML语言第四节超链接标签
目录前言一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接二.从当前页面链接到指定位置三.链接的访问情况四.在新窗口中打开链接例题结语前言本节介绍超链接标签即 ...
html 锚文本,什么是锚文本，锚文本链接对SEO的影响！
SEO是一个细节决定成败的工作,如果你想要试图改善排名,每一名SEO人员在做优化的时候,都绕不开锚文本这个话题,如果你选择正确的锚文本,它会使你事半功倍,反之则是事倍功半. 那么,什么是锚文本,锚文本 ...

超链接标签 a （锚点链接）

超链接标签 < a >

超链接标签 a （锚点链接）相关推荐

最新文章

热门文章