码迷,mamicode.com
首页 > Web开发 > 详细

html5 <a> 标签

时间:2018-08-20 15:46:02      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:div   har   nbsp   doc   baidu   超链接   活动   asc   load   

<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>

 

html5 <a> 标签

标签:div   har   nbsp   doc   baidu   超链接   活动   asc   load   

原文地址:https://www.cnblogs.com/CodeScript/p/9505395.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!