超链接标签

最新推荐文章于 2021-06-18 23:21:40 发布

原创最新推荐文章于 2021-06-18 23:21:40 发布 · 145 阅读

0 ·

CC 4.0 BY-SA版权

本文详细介绍了HTML中超链接的使用方法，包括如何设置链接到外部网站、在新窗口打开链接以及如何创建页面内的锚点链接。通过实际代码示例，读者可以学习到不同场景下超链接的具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现目标

我们希望在页面中完成点击某个标签可以进行跳转到指定的url地址或当前页面指定位置的操作。

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接标签</title>
</head>
<body>

<!--1.当前窗口跳转到指定的url地址-->
<a href="http://www.baidu.com">百度一下</a>

<!--2. 新建一个浏览器窗口并跳转到指定的url地址-->
<a href="http://www.baidu.com" target="_blank">百度一下</a>

<!--3. 跳转到当前页面中的指定位置(锚点)-->
<a href="#C1">人工智能</a>
<a href="#C2"> 人工智障</a>
<a href="#C3"> 深度学习</a>

<h1><a name="C1">人工智能</a></h1>
<pre>
轻轻的我走了，正如我轻轻的来；
        我轻轻的招手，作别西天的云彩。

那河畔的金柳，是夕阳中的新娘；
        波光里的艳影，在我的心头荡漾。

软泥上的青荇，油油的在水底招摇；
        在康河的柔波里，我甘心做一条水草！

那榆荫下的一潭，不是清泉，是天上虹；
        揉碎在浮藻间，沉淀着彩虹似的梦。

寻梦？撑一支长篙，向青草更青处漫溯；
        满载一船星辉，在星辉斑斓里放歌。

但我不能放歌，悄悄是别离的笙箫；夏虫也为我沉默，沉默是今晚的康桥！

悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。
</pre>

<h1><a name="C2">人工智障</a></h1>
<pre>
轻轻的我走了，正如我轻轻的来；
        我轻轻的招手，作别西天的云彩。

那河畔的金柳，是夕阳中的新娘；
        波光里的艳影，在我的心头荡漾。

软泥上的青荇，油油的在水底招摇；
        在康河的柔波里，我甘心做一条水草！

那榆荫下的一潭，不是清泉，是天上虹；
        揉碎在浮藻间，沉淀着彩虹似的梦。

寻梦？撑一支长篙，向青草更青处漫溯；
        满载一船星辉，在星辉斑斓里放歌。

但我不能放歌，悄悄是别离的笙箫；夏虫也为我沉默，沉默是今晚的康桥！

悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。
</pre>

<h1><a name="C3">深度学习</a></h1>
<pre>
轻轻的我走了，正如我轻轻的来；
        我轻轻的招手，作别西天的云彩。

那河畔的金柳，是夕阳中的新娘；
        波光里的艳影，在我的心头荡漾。

软泥上的青荇，油油的在水底招摇；
        在康河的柔波里，我甘心做一条水草！

那榆荫下的一潭，不是清泉，是天上虹；
        揉碎在浮藻间，沉淀着彩虹似的梦。

寻梦？撑一支长篙，向青草更青处漫溯；
        满载一船星辉，在星辉斑斓里放歌。

但我不能放歌，悄悄是别离的笙箫；夏虫也为我沉默，沉默是今晚的康桥！

悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。
</pre>

</body>
</html>