7_经常使用标签-超连接

  <a>标签,给Html5创建一个超连接,<a href=url>网页元素</a>,具体做用以下:html

    a 标签中 不能再包含 a标签
  1.连接到各类类型的文件
      超连接<a>标记的href属性是指向连接的目标,目标能够是各类类型的文件。若是是浏览器可以识别的类型,会直接在浏览器中显示;若是是浏览器不能识别的类型,在IE浏览器中会弹出文件下载对话框。
      浏览器

<a href="a.html">连接html文件</a>
<a href="coffe.jpg">连接图片</a>
<a href="2.doc">连接Word文档</a>

  2.链接到其余网站或FTP服务器
      服务器

<a href="http://www.baidu.com">连接百度</a>
<a href="http://172.16.1.254">链接到FTP服务器</a>

 

  3.设置电子邮件连接
      框架

<a href="mailto:电子邮件地址">网页元素</a>


  4.用新窗口显示超连接页面
      默认状况下,当单击超连接时,目标页面会在当前窗口中显示,替换当前页面中的内容。若是要在单击某个连接之后,打开心的浏览器窗口并在这个新窗口中显示目标页面,就须要使用<a>标签的target属性。target属性有4个值,分别是“_blank”,"_self","_top","_parent".因为HTML5不在支持框架,因此"_top","_parent"这两个取值不经常使用。"_blank"值为在新窗口中显示超连接页面,"_self"表明在自身窗口中显示超链接页面,当省略target属性时,默认取值为"_self"。
      网站

<a href="a.html" target="_blank">新窗口</a>

a:link 此连接未被访问
a:visited 此连接已经被访问过
a:hover 鼠标移入
a:active 鼠标按下url

a:link {
    color: red;
}
a:visited {
    color: #666;
}
a:hover {
    color: yellow;
}
a:active {
    color: green;
}
相关文章
相关标签/搜索