首页 > 代码库 > 7_常用标签-<a>超链接
7_常用标签-<a>超链接
<a>标签,给Html5建立一个超链接,<a href=http://www.mamicode.com/url>网页元素,具体作用如下:
a 标签中 不能再包含 a标签
1.链接到各种类型的文件
超链接<a>标记的href属性是指向链接的目标,目标可以是各种类型的文件。如果是浏览器能够识别的类型,会直接在浏览器中显示;如果是浏览器不能识别的类型,在IE浏览器中会弹出文件下载对话框。
<a href=http://www.mamicode.com/"a.html">链接html文件</a> <a href=http://www.mamicode.com/"coffe.jpg">链接图片</a> <a href=http://www.mamicode.com/"2.doc">链接Word文档</a>
2.连接到其他网站或FTP服务器
<a href=http://www.mamicode.com/"http://www.baidu.com">链接百度</a> <a href=http://www.mamicode.com/"http://172.16.1.254">连接到FTP服务器</a>
3.设置电子邮件链接
<a href=http://www.mamicode.com/"mailto:电子邮件地址">网页元素</a>
4.用新窗口显示超链接页面
默认情况下,当单击超链接时,目标页面会在当前窗口中显示,替换当前页面中的内容。如果要在单击某个链接以后,打开心的浏览器窗口并在这个新窗口中显示目标页面,就需要使用<a>标签的target属性。target属性有4个值,分别是“_blank”,"_self","_top","_parent".由于HTML5不在支持框架,所以"_top","_parent"这两个取值不常用。"_blank"值为在新窗口中显示超链接页面,"_self"代表在自身窗口中显示超连接页面,当省略target属性时,默认取值为"_self"。
<a href=http://www.mamicode.com/"a.html" target="_blank">新窗口</a>
a:link 此链接未被访问
a:visited 此链接已经被访问过
a:hover 鼠标移入
a:active 鼠标按下
a:link { color: red; } a:visited { color: #666; } a:hover { color: yellow; } a:active { color: green; }
7_常用标签-<a>超链接
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。