导航，头部，CSS基础 

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>MIS问答平台</title>
 6     <link rel="stylesheet" href="css.css">
 7     <base href="http://www.gzcc.cn/" target="_blank">
 8     <style>
 9         p {
10             font-size: 20px;
11             text-align: center;
12             color: blue;
13 
14         }
15     </style>
16 </head>
17 <body>
18 <nav>
19 
20     <a href="http://www.gzcc.cn/"><img src="2012100413195742694.jpg" style="height: 50px;width: 50px">首页</a>
21     <input type="text">
22     <button type="submit">搜索</button>
23 </nav>
24 <h1 align="center">MIS问答平台</h1>
25 
26 <h2 id="2015">2015</h2>
27 
28 <div id="dljm" style="width: 400px">
29     <div id="header" style="background-color:#FFA500"><h2 align="center">登陆</h2></div>
30     <div id="nr">
31         <form>
32             Username:<input type="text" id="username"><br>
33             Password:<input type="password" id="password">
34             <br>
35             <input type="radio" value="stu">学生
36             <input type="radio" value="tea">教师<br>
37             <input type="checkbox" value="true"><span>记住我</span><br><a
38                 href="http://www.gzcc.cn/html/yonghufenglei/xuesheng/">登陆遇到问题</a><br>
39             <input type="button" value="login" onclick="alert('登陆验证')">
40         </form>
41         <div id="footer" style="background-color:#FFA500"><p align="center"><i>版权@mis15</i></p></div>
42     </div>
43 
44     <div>
45         <select>
46             <option>收藏</option>
47             <option>点赞</option>
48             <option>评论</option>
49             <option>举报</option>
50         </select>
51         <ul>
52             <li>python</li>
53             <li>html</li>
54             <li>java</li>
55         </ul>
56         <ol>
57             <li>python</li>
58             <li>html</li>
59             <li>java</li>
60         </ol>
61         <dl>
62             <dt>python</dt>
63             <dd>balbalabalallalala</dd>
64             <dt>html</dt>
65             <dd>balbalabalallalala</dd>
66         </dl>
67     </div>
68 </div>
69 <h3>999+热门评论</h3>
70 <h3><span style="color: blue">999+</span>热门评论</h3>
71 <h1 class="zh">999+热门评论</h1>
72 <h1 id="ys">999+热门评论</h1>
73 <p>我是段落1</p>
74 <p>我是段落2</p>
75 <p>我是段落3</p>
76 </body>
77 </html>
        h3{
           color: crimson;
        }
        .zh{
            font-size: small;
        }
        #ys{
            background-color: brown;
        }

 

posted @ 2017-10-18 20:24  044潘育珊  阅读(123)  评论(0)    收藏  举报