a标签的使用

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="Pragma" content="no-cache" />
    <meta http-equiv="Cache-Control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <style type="text/css">
        body
        {
            font-size: 12px;
        }
        a
        {
            font-size: 12px;
        }
        /*初始状态*/a:link
        {
            color: Gray;
            text-decoration: none;
        }
        /*鼠标在a标签上面的时候*/a:hover
        {
            color: Purple;
            text-decoration: underline; /*字下面有线*/
            /*  text-decoration: overline; 字上面有线*/
           /* text-decoration: line-through; 字中间有线*/ 
          /*text-decoration: none;没有线*/ 
         /*  text-decoration:inherit;默认有线,在字下面*/
         /*  text-decoration:blink;实现文字闪烁,但是ie好像不支持,没有看到过*/
        }
        /*鼠标点击时*/a:active
        {
            color: Blue;
            text-decoration: none;
        }
        /*点击之后*/a:visited
        {
            color: Green;
            text-decoration: none;
        }
    </style>

    <script type="text/javascript" language="javascript">
        function text() {
            alert("这是js方法!");
        }
    </script>

</head>
<body>
    <a href="http://www.baidu.com">众里寻他千百度,蓦然回首,那人却在灯火阑珊处</a>
    <br />
    JavaScript脚本方法: <a href="javascript:alert('夜深了早点休息吧!')">点击我!</a>
    <br />
    <a href="javascript:text()">点击我!</a>
    <br />
    <a href="#" onclick="javascript:text();">点击我!</a><!--必须要href="#",否则连接到别的页面去了-->
</body>
</html>


 




 

你可能感兴趣的:(a标签的使用)