HTML 学习笔记 （第三单元）

第三单元 列表、超链接

第一节

超链接

什么是超链接

超链接：指从一个网页的文字或图片指向一个目标的连接关系。
V1S2.png

如何实现超链接

超链接通过 <a> 标签实现，<a> 标签是一个双标签。
a 的英文全称是anchor（锚）

语法格式

<a href="路径">链接源</a>

路径的分类：
相对URL；
绝对URL。

实现站内页面链接：
第一步：创建html文件 – index.html
第二步：添加超链接 - 链接 news.html 、lists.html

空链接

空链接是指没有目标端点的链接。用#表示。
单击空连接，刷新当前页面，不跳转。

语法格式

<a href="#">文本/图片 </a>
相对URL的链接：多用于站点内页面和页面之间的链接；

写法：相对路径，如 – “./html/default.html”。

绝对绝对URL的链接：多用于站点与站点之间的链接；

写法：绝对路径，如 – “https://www.baidu.com"。

实现超链接

target 属性规定链接目标的打开方式。

语法格式

<a href="路径" target="属性值">链接源</a>

target 打开方式的属性值：
_self 默认 原窗口打开；
_blank 在新窗口中打开；
_parent 在父框架集中打开；
_top 在整个窗口中打开被链接文档。

a标签的属性

EE7G.png

超链接的默认外观

未被访问的链接带有下划线而且是蓝色的

点击时链接带有下划线而且是红色的

访问后的链接带有下划线而且是紫色的

未完待续