导航,头部,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;
}