怎么建立超链接

“超链接”通常又称为“链接”，是互联网的重要组成部分，也是每个网站的必要内容。用户单击文本或图片所带的链接后，可打开另一个网页。因此链接是网页浏览体验中必不可少的内容。只需使用一小段 HTML 代码，您就能在自己的网站上创建超链接。使用本文介绍的代码可快速创建链接。

方法 1 的 2:

建立基本链接

1 创建您希望用作链接的文本或图片。链接是在编辑网站代码时使用简单的 HTML 标记创建的。但首先，您必须创建标记符号中所要置入的内容，可以是文本、图片或其他 HTML 元素，此处示例使用的是文本。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/e\/ec\/Create-a-Link-Step-2-Version-3.jpg\/v4-460px-Create-a-Link-Step-2-Version-3.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/e\/ec\/Create-a-Link-Step-2-Version-3.jpg\/v4-728px-Create-a-Link-Step-2-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 在您所创建内容的周围打上标记。超连接是使用简单的成对标记来标注的。如未添加属性，这些标记就无法发挥作用。不要着急，你很快就能为其添加属性了。
- 例如，您的链接现在看上去是这样的：点击此处访问我的新页面。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/d\/de\/Create-a-Link-Step-3-Version-3.jpg\/v4-460px-Create-a-Link-Step-3-Version-3.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/d\/de\/Create-a-Link-Step-3-Version-3.jpg\/v4-728px-Create-a-Link-Step-3-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 添加“href”属性，指示超链接的目标地址。当用户点击链接时，“href”属性将指示浏览器将用户导引至哪个位置。“href”后紧跟等号，等号后接加引号的目标网址。
- 继续使用上一步的示例，您的链接现在可能是这样的：单击此处访问我的新页面。
- 注意，如果链接的目标网址为外部网站，则必须使用完整的 URL（一般以“http”开头）。如果像上文一样仅指定页面名称，则将使用当前页面的目录作为父目录。

方法 2 的 2:

添加修饰符

{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/c\/ce\/Create-a-Link-Step-4-Version-3.jpg\/v4-460px-Create-a-Link-Step-4-Version-3.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/c\/ce\/Create-a-Link-Step-4-Version-3.jpg\/v4-728px-Create-a-Link-Step-4-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 创建图像链接。只需在链接标记内部添加图像标记，即可完成创建图像链接。但是需要使用托管图片的地址（例如在您自己或他人服务器上的位置）。以下给出了示例图像链接：
- <a href="the_intended_link_url.html"><img src="the_picture_in_question.jpg" /></a>
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/d\/d6\/Create-a-Link-Step-5-Version-3.jpg\/v4-460px-Create-a-Link-Step-5-Version-3.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/d\/d6\/Create-a-Link-Step-5-Version-3.jpg\/v4-728px-Create-a-Link-Step-5-Version-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 使用“ mailto: ”修饰符号创建电子邮件链接。如要创建一个链接，使用户点击该链接后开始编辑一封向特定地址发送的电子邮件消息，则在电子邮件地址前使用“ mailto: ”修饰符号。
- 例如，电子邮件链接看上去可能是这样的：单击此处提问或表达您关注的事项。
{"smallUrl":"https:\/\/www.zenmeban.com\/images_en\/thumb\/f\/fd\/Create-a-Link-Step-6-Version-2.jpg\/v4-460px-Create-a-Link-Step-6-Version-2.jpg","bigUrl":"https:\/\/www.zenmeban.com\/images\/thumb\/f\/fd\/Create-a-Link-Step-6-Version-2.jpg\/v4-728px-Create-a-Link-Step-6-Version-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 在大型网页内部创建稍后可供引用的锚。如需链接到网页的特定部分，则需要使用锚。在包含内容表格的大型页面中锚很实用；可为文本的每个部分分配一个供内容表格链接的锚。使用“name”属性可创建锚。
- 要创建锚，请在页面的恰当位置插入以下标记，例如：第 3 章 — 在 HTML 中使用锚
- 要链接到您所创建的锚，请按以下方式使用井号#标记：跳至第 3 章

小提示

您无需使用特殊软件来建设网站。大多数计算机自带了能够创建 html 文件的文本编辑软件。例如微软的记事本程序。您只需键入代码并另存为 html 格式即可。但是，在自带的文本编辑软件中您将无法像在更高级的程序中那样随时查看预览，并且缺乏一些功能，无法检查代码、确保所有内容正常运行并符合所适用的规则。
可使用 CSS 风格和其他方法来更改链接的外观。