html5 <a> 标签

<html>
<body>

<a href="https://www.baidu.com/">百度</a>

</body>
</html>

当你点击百度时，你会跳转到百度页面，默认是在当前标签页打开。

<a> 标签定义超链接，用于从一张页面链接到另一张页面。

<a> 元素最重要的属性是 href 属性，它指示链接的目标。

在所有浏览器中，链接的默认外观是：

未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的

如果不使用 href 属性，则不可以使用如下属性：download, hreflang, media, rel, target 以及 type 属性。

download属性

<!DOCTYPE html>
<html>
<body>


<a href=https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=4007202295,2627005324&fm=58&bpow=630&bpoh=960 download="jjy.jpg">下载图片(图片源于网络)</a>


</body>
</html>

download="给文件起一个名"

href属性

<a> 标签的 href 属性用于指定超链接目标的 URL。

href 属性的值可以是任何有效文档的相对或绝对 URL，包括片段标识符和 JavaScript 代码段。如果用户选择了 <a> 标签中的内容，那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档，或者执行 JavaScript 表达式、方法和函数的列表。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        
        <a href="https://www.baidu.com/">连接到百度</a>
        <a href="#webself">去网页的某一部分</a>
        <a href="javascript:alert('链接到js代码');">读取javascript代码</a>
        <pre>
　　　　　　　<img src="http://img1.imgtn.bdimg.com/it/u=3606011254,2438585761&fm=27&gp=0.jpg"width="100%"height="1000px"/>
            <a name="webself"></a>
            <q>链接到网页的某一个部分</q>
        </pre>
    </body>
</html>

猜你喜欢