测试你的技能：链接

¥Task 1

在此任务中，我们希望你帮助填写鲸鱼信息页面上的链接：

¥In this task, we want you to help fill in the links on our Whales information page:

• 第一个链接应该链接到名为 whales.html 的页面，该页面与当前页面位于同一目录中。
• 我们还希望你在将鼠标悬停在其上时提供一个工具提示，告诉用户该页面包含有关蓝鲸和抹香鲸的信息。
• 第二个链接应该变成一个链接，你可以单击该链接在用户的默认邮件应用中打开电子邮件，并将收件人设置为“whales@example.com”。
• 如果你还设置了电子邮件的主题行自动填写为 "关于鲸鱼的问题"，你将获得奖励积分。

注意：示例中的两个链接设置了 target="_blank" 属性。这并不是严格意义上的最佳实践，但我们在这里这样做了，这样链接就不会在嵌入式 <iframe> 中打开，从而在此过程中删除示例代码！

¥Note: The two links in the example have the target="_blank" attribute set on them. This is not strictly best practice, but we've done it here so that the links don't open in the embedded <iframe>, getting rid of your example code in the process!

尝试更新下面的实时代码以重新创建完成的示例：

¥Try updating the live code below to recreate the finished example:

¥Task 2

在此任务中，我们希望你填写四个链接，以便它们链接到适当的位置：

¥In this task, we want you to fill in the four links so that they link to the appropriate places:

• 第一个链接应链接到名为 blue-whale.jpg 的图片，该图片位于当前目录内名为 blue 的目录中。
• 第二个链接应链接到名为 narwhal.jpg 的图片，该图片位于名为 narwhal 的目录中，该目录位于当前目录的上一级目录中。
• 第三个链接应该链接到英国谷歌图片搜索。基本 URL 为 https://www.google.co.uk，图片搜索位于名为 imghp 的子目录中。
• 第四个链接应链接到当前页面最底部的段落。它的 ID 为 bottom。

注意：该示例中的前三个链接设置了 target="_blank" 属性，因此当你单击它们时，它们会在新选项卡中打开链接页面。这并不是严格意义上的最佳实践，但我们在这里这样做了，这样页面就不会在嵌入式 <iframe> 中打开，从而在此过程中删除示例代码！

¥Note: The first three links in the example have the target="_blank" attribute set on them, so that when you click on them, they open the linked page in a new tab. This is not strictly best practice, but we've done it here so that the pages don't open in the embedded <iframe>, getting rid of your example code in the process!

尝试更新下面的实时代码以重新创建完成的示例：

¥Try updating the live code below to recreate the finished example:

¥Task 3

以下链接链接到有关 Narwhals 的信息页面、支持电子邮件地址以及 4MB 大小的 PDF 事实文件。在此任务中，我们希望你：

¥The following links link to an info page about Narwhals, a support email address, and a PDF factfile that is 4MB in size. In this task, we want you to:

• 选取链接文本写得不好的现有段落，并重写它们，以便它们具有良好的链接文本。
• 向任何需要添加警告的链接添加警告。

注意：示例中的第一个和第三个链接设置了 target="_blank" 属性，因此当你单击它们时，它们会在新选项卡中打开链接页面。这并不是严格意义上的最佳实践，但我们在这里这样做了，这样页面就不会在嵌入式 <iframe> 中打开，从而在此过程中删除示例代码！

¥Note: The first and third links in the example have the target="_blank" attribute set on them, so that when you click on them, they open the linked page in a new tab. This is not strictly best practice, but we've done it here so that the pages don't open in the embedded <iframe>, getting rid of your example code in the process!

尝试更新下面的实时代码以重新创建完成的示例：

¥Try updating the live code below to recreate the finished example: