超文本的基本特征就是可以超链接文档（链接）

**

HTML 使用超链接连接到网络上的另一个文档。

几乎每个网页上都可以找到链接。 单击链接可从一个页面跳转到另一页面。

**

1. HTML 超链接（链接） 2. 作为超链接的文本

示例代码：

<a href="http://www.w3school.com.cn"><h4>这是一个有下划线的链接h4>a>

效果示例：

这是一个带下划线的链接

可以看到，指向的地址是在标签中的href属性中指定的，可以在一对标签中嵌入其他标签，这将成为link元素。

3.使用图像或其他元素作为超链接

示例代码：

<a href="http://www.w3school.com.cn"><img src="w3school.jpg" width="104" height="142" />a>

效果示例：

可以看到，当你点击图片时，也会被重定向到我设置的页面，标签中还可以嵌入其他元素，比如块、按钮等。

4. 超链接不带下划线

从第二步可以看出，当鼠标移到链接文字上时，文字下方会显示一条下划线，可以通过设置样式改为无下划线。

示例代码：

<a href="/example/html/lastpage.html" style="text-decoration:none">这是一个没下划线的链接！a>

效果示例：

这是一个不带下划线的链接！5。 属性：链接在新窗口中打开

如果未设置，则单击超链接时将覆盖并打开该窗口。 如果链接的属性设置为“”，则该链接将在新窗口中打开，即在浏览器中打开另一个窗口来显示链接的网页，并且不会关闭当前窗口

示例代码：

`<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!a>`

效果示例：

访问！ 4. 名称属性：设置网页导航（书签） 4.1． 导航至此页面

示例代码：

<a name="top">a>   
<a href="#top">返回开头a> 

效果示例：

- 当您点击以下链接时，您将返回到文章开头：

可以看到，通过设置name属性名称（属性名称是自定义的），并在herf属性中使用“#+属性名称”来表示指向的属性名称，就可以为该名称生成一个可重定向的位置，形成页面导航（书签）

4.2. 导航到其他页面

上面的例子是一个页面上的导航。 当然，也可以设置导航到其他页面：

示例代码：

<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示a>

效果示例：

当点击链接时，会指向页面的name值提示的链接位置，即通过herf值中指向的其他网站的地址加上“#+属性名称”来完成导航到其他页面。

4.3. 尖端

始终向子文件夹添加正斜杠：

如果你这样写链接：href=""（末尾缺少正斜杠）

将向服务器生成两个 HTTP 请求。 这是因为服务器会在地址中添加一个正斜杠，然后创建一个新请求，如下所示：href=""

- 提示：命名锚点通常用于在大型文档的开头创建目录。 您可以为每个章节指定一个命名锚点，然后将指向这些锚点的链接放置在文档顶部。 如果你经常浏览百度百科，你会发现里面几乎每个词条都采用这种导航方式。

- 提示：如果浏览器找不到定义的命名锚点，它将导航到文档的顶部。 不会出现错误。