web基础，用html元素制作web页面

观察常用网页的HTML元素，在实际的应用场景中，用已学的标签模仿制作。

用div,form制作登录页面，尽可能做得漂亮。

练习使用下拉列表选择框，无序列表，有序列表，定义列表。

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>MIS问答平台</title>
 6 </head>
 7 　
 8 <body>
 9 　　<h1>MIS问答平台</h1>
10     <h2 id="2017">2017</h2>
11     <div id="container" style="width: 400px">
12         <div id="header" style="background-color:#FFA500"><h2 align="center">登录</h2></div>
13         <div id="content">
14             <form>
15                用户名：<input type="text" name="username" placeholder="请输入用户名"><br>
16                 密码：<input type="password" name="password"><br>
17                 <input type="radio" name="role" value="stu">student
18                 <input type="radio" name="role" value="tea">teacher
19                 <br>
20                 <input type="checkbox" value="true"><span>记住我</span>
21                 <input type="button" value="login" onclick="alert('登录验证')">
22             </form>
23         </div>
24         <div id="footer" style="background-color:#FFA500"><p align="center"><i>版权@</i></p></div>
25         <select>
26             <option>收藏</option>
27              <option>点赞</option>
28             <option>评论</option>
29         </select>
30         <ul>
31             <li>python</li>
32              <li>html</li>
33         </ul>
34         <ol>
35             <li>python</li>
36             <li>html</li>
37         </ol>
38 
39     </div>
40 
41 
42 
43 <body>
44 
45 <html>

posted on 2017-10-17 09:49 051刘佳铃阅读(133) 评论(0) 收藏举报