html中p元素添加超链接

This tutorial will walk you through the steps of adding hyperlinks to your webpage.

本教程将引导您完成将超链接添加到网页的步骤。

Hyperlinks can be added to text or images with the anchor link element <a>. The <a> tag requires the attribute href, which is used to specify the destination link. The <a> element is used like this:

可以使用锚链接元素<a>链接添加到文本或图像。 <a>标记需要属性href ，该属性用于指定目标链接。 <a>元素的用法如下：

<a href="www.DestinationLink.com">The text you want to link</a>

Try adding the code snippet below to your “index.html” file and changing the sample highlighted text with a real link, such as https://digitalocean.com/community:

尝试将以下代码片段添加到“ index.html”文件中，并使用真实链接(例如https://digitalocean.com/community更改示例突出显示的文本：

<a href="https://www.digitalocean.com/community">The text you want to link</a>

(If you have not been following the tutorial series, you can review instructions for setting up an index.html file in our tutorial Setting Up Your HTML Project. Save the file and load it in your browser.

(如果您还没有按照本教程系列进行操作，则可以在我们的教程“ 设置HTML项目”中查看有关设置index.html文件的说明。保存该文件并将其加载到浏览器中。

You should receive an output like this:

您应该收到如下输出：

You can also link images by wrapping an image element with an <a> element like so:

您还可以通过将图像元素包装为<a>元素来链接图像，如下所示：

<a href="https://www.digitalocean.com/community">The text you want to link
<img src="https://html.sammy-codes.com/images/small-profile.jpeg">
</a>

Try testing the code snippet in your browser to check that it works. You should now understand how to add hyperlinks to text and images on your webpage.

尝试在浏览器中测试代码段，以检查其是否有效。 现在，您应该了解如何在网页上向文本和图像添加超链接。

翻译自: https://www.digitalocean.com/community/tutorials/how-to-add-hyperlinks-in-html

html中p元素添加超链接