[html教程]2025系统全面html教程（三）-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_74246047/article/details/146204629

1.HTML锚链接(超链接标签)

HTML的链接：与网络上的另一个文档相连。点击链接可以跳转到另一个页面。

标签：<a></a> anchor 锚链接，用于定义超文本链接，可以是文本，图片等。
在所有浏览器中，链接的默认外观如下：
- 未被访问的链接带有下划线而且是蓝色的
- 已被访问的链接带有下划线而且是紫色的
- 活动链接带有下划线而且是红色的| 属性 | 含义 | | -------------------------------------------------------- | -------------------------------------------------- | | href | 超文本引用，规定链接的目标 URL，即跳转的目标地址 | | target | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 | | _blank：新窗口打开。 | | | _parent：在父窗口中打开链接。 | | | _self：默认，当前页面跳转。 | | | _top：在当前窗体打开链接，并替换当前的整个窗体(框架页)。 | | | framename：框架的名字 | | | id | 用于创建一个 HTML 文档书签（网页锚点）。 |

代码：

<a href="跳转的地址" target="_self/_blank">点击的内容/文字</a>

2.给网页添加书签(锚点)d

提示: 书签不会以任何特殊方式显示，即在 HTML 页面中是不显示的，所以对于读者来说是隐藏的。

1.在HTML文档中插入ID，表示目标位置:

<a id="tips">有用的提示部分</a>

2.在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

<a href="#tips">访问有用的提示部分</a>

id属性值的名字命名规则: 只能以英文或者_开头，或者全英文，不能是纯数字，不能是纯中文有且只能有一个

<!-- 方法一 -->
<a href="" id="id名"></a>
<a href="#id名">点击的文字</a>

<!--方法二(name只有a标签可以用)：-->
<a href="" name="name名"></a>
<a href="#name名">点击的文字</a>

<!--方法三(id所有的html标签都可以使用)：-->
<p id="id名"></p>
<img src="" id="id名"/>
<a href="#id名">点击的文字</a>

代码：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>03HTML的链接的锚点</title>
<!-- css样式 -->
  <style>
     p{
         position:fixed;
         right:30px;
         bottom:30px;
        }
  </style>
</head>
<!-- 网页的主体内容部