QQ仙灵浏览器

 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>QQ仙灵浏览器</title>
 6     <meta name="Keywords" content="关键字">
 7     <meta name="Description" content="描述">
 8     <style>
 9         div /*标签选择器*/
10         {
11             text-align: center;
12         }
13         a /*标签选择器*/
14         {
15             color: blue;
16         }
17         .a /*类选择器*/
18         {
19             text-align: right;
20         }
21         #aa,#bb,#dd /*群组选择器*/
22         {
23             font-size: 13px;
24         }
25         #cc /*ID选择器*/
26         {
27             font-size: 18px;
28         }
29     </style>
30 </head>
31 <body>
32     <div><!-- 右上角设置 -->
33         <p class="a" id="aa">
34             <a href="javascript:;">搜索</a>
35             <span>|</span>
36             <a href="javascript:;">登录</a>
37             <span>|</span>
38             <a href="javascript:;">设置</a>
39         </p>
40     </div>
41     <div><!-- QQ仙灵logo -->
42         <img src="img/QQ仙灵logo.jpg" alt="QQ仙灵" title="QQ仙灵" width="400";height="40";>
43     </div>
44     <div id="cc"> <!-- 输入框上方 -->
45         <a href="http://h2.qq.com/webplat/info/news_version3/1141/1627/1628/m4003/list_1.shtml" style="text-decoration:none">公告</a>
46         <a href="http://h2.qq.com/act/a20030402apc/index.htm" style="text-decoration:none">活动</a>
47         <a href="http://h2.gamebbs.qq.com/forum.php" style="text-decoration:none">仙灵论坛</a>
48         <a href="javascript:;" style="text-decoration:none">游戏攻略</a>
49         <a href="http://h2.qq.com/down.shtml" style="text-decoration:none">游戏下载</a>
50         <a href="http://h2.qq.com/web201304/info.shtml" style="text-decoration:none">游戏简介</a>
51     </div>
52     <div> <!-- QQ仙灵输入框 -->
53         <form action="http://h2.qq.com/" method="post">
54             <input type="text" name="请输入查询内容" value="" style="width:420px;height:30px">
55             <input type="submit" name="仙灵指引" value="仙灵指引" style="height:30px">
56         </form>
57     </div><br><br>
58     <div id="bb"> <!-- 输入框下方 -->
59         <a href="javascript:;">把仙灵设为主页</a>
60         &nbsp;
61         <a href="C:\Users\Ibokan\Desktop">把仙灵设置到桌面</a>
62         <a href="C:\Users\Ibokan\Desktop">把仙灵设置到桌面</a>
63     </div>
64     <div id="dd"> <!-- 最后一行 -->
65         <p>
66             <a href="javascript:;">加入仙灵家族</a>
67             <span>|</span>
68             <a href="javascript:;">分享给好友</a>
69             <span>|</span>
70             <a href="javascript:;">仙灵四格</a>
71             <span>|</span>
72             <a href="javascript:;">扫我关注</a>
73         </p>
74     </div>
75     <div><!-- 二维码 -->
76         <img src="img/QQ仙灵二维码.jpg" alt="二维码" title="扫一扫" style="width:140px;height:140px;">
77     </div>
78 </body>
79 </html>

 

posted @ 2016-07-08 18:14  舍近求猿  阅读(193)  评论(0编辑  收藏  举报