首页 > 代码库 > 代码回忆

代码回忆

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 5     <title>网页标题</title>
 6     <meta name="keywords" content="关键字列表" />
 7     <meta name="description" content="网页描述" />
 8     <link rel="stylesheet" type="text/css" href="" />
 9     <style type="text/css">
10         a:link{                        /* 未被访问的链接 */
11             text-decoration:none;    
12         }
13         a:visited{                    /* 已被访问的链接 */
14             text-decoration:none;
15         }
16         a:hover{                    /* 鼠标指针移动到链接上 */
17 
18             text-decoration:underline;
19         }
20         a:active{                    /* 正在被点击的链接 */
21             text-decoration:underline;
22         }
23     </style>
24     <script type="text/javascript"></script>
25 </head>
26 <body>
27     <p><b><a href="http://www.baidu.com.cn" target="_blank">这是一个链接</a></b></p>
28     <p><b>注释:</b>为了使定义生效,a:hover 必须位于 a:link 和 a:visited 之后!!</p>
29     <p><b>注释:</b>为了使定义生效,a:active 必须位于 a:hover 之后!!</p>
30 </body>
31 </html>

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
 2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
 4 <head>
 5     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 6     <title>网页标题</title>
 7     <meta name="keywords" content="关键字列表" />
 8     <meta name="description" content="网页描述" />
 9     <link rel="stylesheet" type="text/css" href="" />
10     <style type="text/css">
11         li{
12             color:red;
13             text-decoration:underline; /*underline为文字设置下划线*/
14             list-style-type:none;
15         }
16         
17     </style>
18     <script type="text/javascript"></script>
19 </head>
20 <body>
21     <h2>请说出中国古代的四大美女</h2>
22     <ul>
23         <a href="http://www.baidu.com.cn" target="_blank"><li>西施</li></a>
24         <a href="http://www.baidu.com.cn" target="_blank"><li>王昭君</li></a>
25         <a href="http://www.baidu.com.cn" target="_blank"><li>貂蝉</li></a>
26         <a href="http://www.baidu.com.cn" target="_blank"><li>杨玉环</li></a>
27     </ul>
28 </body>
29 </html>

 

如何设置一个超链接,点击连接时颜色出现变化,并实现在新的页面打开;给字体设置颜色并添加下划线

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" <!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" xml:lang="zh-cn"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /><title>网页标题</title><meta name="keywords" content="关键字列表" /><meta name="description" content="网页描述" /><link rel="stylesheet" type="text/css" href="" /><style type="text/css">li{color:red;text-decoration:underline; /*underline为文字设置下划线*/list-style-type:none;}</style><script type="text/javascript"></script></head><body><h2>请说出中国古代的四大美女</h2><ul><a href="http://www.baidu.com.cn" target="_blank"><li>西施</li></a><a href="http://www.baidu.com.cn" target="_blank"><li>王昭君</li></a><a href="http://www.baidu.com.cn" target="_blank"><li>貂蝉</li></a><a href="http://www.baidu.com.cn" target="_blank"><li>杨玉环</li></a></ul></body></html>

 

代码回忆