a标签的使用

来源：互联网发布：刷机恢复数据编辑：程序博客网时间：2024/05/28 05:14
<!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>