大家好,今天给大家分享一下HTML链接标签

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

超链接语法:

<a href="url">链接文本</a>

JavaScript里面超链接 超链接代码html_前端

超链接有两种

1.文本超链接
2.图像超链接

源码实例说明:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
<!--a标签
href : 必填,表示要跳转到那个页面
target : 表示窗口在哪里打开
_blank  在新标签中打开
_self  在自己的网页当中打开(默认就是这样)-->     

<a href="我的第一个网页.html">点击我跳转到页面一</a>
<a href="https://www.baidu.com ">点击我跳转到百度</a>



<p>
    <a href="我的第一个网页.html">
        <img src="../resourse/images/QQ截图20211026123053.png" alt="jishi" title="悬停文字" width="600" height="600">
    </a>
</p>



<p>
    <a href="我的第一个网页.html">
        <img src="" alt="jishi" title="悬停文字" width="600" height="600">
    </a>
</p>



<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png  " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>

<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png   " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>


<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png   " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>

<p>
    <a href="我的第一个网页.html">
        <img src=" ../resourse/images/QQ截图20211026123053.png  " alt="jishi" title="悬停文字"  width="600" height="600">
    </a>
</p>

<a href="#top">回到顶部</a>


<a href="mailto:3252586428@qq.com">点击联系我 </a>


</body>
</html>

上面是超链接标签整体的代码:

下面来分开讲

<a href="我的第一个网页.html">点击我跳转到页面一</a>
<a href="https://www.baidu.com ">点击我跳转到百度</a>

网页显示的结果:

JavaScript里面超链接 超链接代码html_前端_02

JavaScript里面超链接 超链接代码html_悬停_03

JavaScript里面超链接 超链接代码html_悬停_04

点击它之后,会跳转到我们自己写的指定页面

JavaScript里面超链接 超链接代码html_悬停_05

JavaScript里面超链接 超链接代码html_JavaScript里面超链接_06


点击第二个到百度的页面

下面是我们的图像超链接

<p>
    <a href="我的第一个网页.html">
        <img src="../resourse/images/QQ截图20211026123053.png" alt="jishi" title="悬停文字" width="600" height="600">
    </a>
</p>

显示结果:

JavaScript里面超链接 超链接代码html_前端_07

点这个图像,即可到达我们自己写的页面

JavaScript里面超链接 超链接代码html_JavaScript里面超链接_08

效果是这样的

<a href="我的第一个网页.html"target="_blank=" >点击我跳转到页面一</a>

显示将网页在新的网页当中打开

JavaScript里面超链接 超链接代码html_超链接_09

JavaScript里面超链接 超链接代码html_JavaScript里面超链接_10

关于超链接就到这里了,谢谢大家