HTML5 超链接

超链接

Posted by HuberyYang on March 31, 2017
<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>超链接</title>  
    <style>  
        a{  
            /*划线*/  
            text-decoration: none;  
        }  
  
        /*hover 鼠标在对象上方,出现下划线*/  
        a:hover{  
            text-decoration: underline;  
        }  
  
    </style>  
</head>  
<body>  
    <!-- 超链接 _blank是空白,打开一个新页面 -->  
    <!-- _blank   新窗口  
    _self    本窗口  
    _parent  顶窗口  
    窗口名称  窗口名称 -->  
    <a href="http://wwww.baidu.com" target="_blank">百度</a>  
  
    <!-- 图片上添加超链接 -->  
    <a href="http://wwww.baidu.com" target="_blank">  
        <img src="test.png" alt="">  
  
    </a>  
  
    <!-- href可以直接为文件 -->  
    <a href="html_02.html" target="_blank">  
        <img src="test.png" alt="">  
    </a>  
  
</body>  
</html>