HTML 链接-95知识库

HTML 链接

更新时间：2021-11-12 11:19

HTML链接 | 语法

在HTML中，链接使用<a>标记定义：例如：

<a href="http://www.995w.com/">95知识库</a>

该href属性指定链接的目标地址（http://www.995w.com/）。该链接的文本【95知识库】是可见部分（访问我们的首页）。单击链接文本将发送到指定的地址。几乎所有网页都有链接。HTML链接是超链接。您可以单击链接并跳转到另一个文档。当你将鼠标移到链接上时，鼠标箭头将变成一只小手。注意：链接不必是文本。它可以是图像或任何其他HTML元素。

HTML链接 | 目标属性

target属性可以具有以下值之一：

_blank - 在新窗口或选项卡中打开链接的文档
_self - 在单击的同一窗口/选项卡中打开链接的文档（这是默认设置）
_parent - 在父框架中打开链接的文档
_top - 在窗口的完整正文中打开链接的文档
framename - 在命名框架中打开链接文档

用法示例：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>95知识库（995w.com）</title>
</head>
<body>

此示例将在新的浏览器窗口/选项卡中打开链接的文档（target属性用法）<br/>
<a href="http://www.995w.com/" target="_blank">95知识库</a><br/><br/>

也可以是本地相对途径<br/>
<a href="/K/Show?typeId=TYPE2021041100001" target="_blank">HTML基础</a><br/><br/>

该title属性指定有关元素的额外信息。当鼠标在元素上移动时，信息通常显示为工具提示文本。<br/>
<a href="http://www.995w.com/" title="链接到95知识库首页">
    95知识库
</a>
<br/><br/>

将图像用作链接是很常见的，注意： border:0;添加以防止IE9（及更早版本）在图像周围显示边框（当图像是链接时）。<br/>
<a href="http://www.995w.com/">
 <img src="/upload/image/20200515/6372517919836787506584492.gif" alt="95知识库" style="width:120px;height:auto;border:0;">
</a>

</body>
</html>

尝试一下>>

HTML链接颜色

默认情况下，链接将显示如下（在所有浏览器中）：

未访问的链接带有下划线和蓝色
访问链接(鼠标悬停)带有下划线和紫色
活动链接带有下划线和红色

你可以使用CSS更改默认颜色：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>95知识库（995w.com）</title>
    <style>
        a:link {
            color: green;
            background-color: transparent;
            text-decoration: none;
        }
        a:visited {
            color: pink;
            background-color: transparent;
            text-decoration: none;
        }
        a:hover {
            color: red;
            background-color: transparent;
            text-decoration: underline;
        }
        a:active {
            color: yellow;
            background-color: transparent;
            text-decoration: underline;
        }
    </style>
</head>
<body>

<h2>链接颜色</h2>

<p>您可以修改默认的链接颜色。</p>

<a href="http://www.995w.com" target="_blank">95知识库</a> <br/>
<a href="http://www.luofenming.com" target="_blank">罗分明博客</a> 

</body>
</html>

尝试一下>>

HTML链接 | 创建书签

HTML书签用于允许读者跳转到网页的特定部分。如果您的网页很长，书签会非常有用。要创建书签，您必须先创建书签，然后添加一个链接。单击链接后，页面将滚动到带有书签的位置。例如：首先，使用id属性创建书签：

<h2 id="title4">标题4</h2>

然后，在同一页面中添加指向书签的链接（“跳转到标题4”）：

<a href="#title4">跳转到标题4</a>

或者，从另一页面添加指向书签的链接（“跳转到标题4”）：

<a href="html_demo.html#title4">跳转到标题4</a>