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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
<h1 align="center">用户登录</h1>



<div id="centainer">
    <div id="header" p style="background-color:rgb(192,192,192)"> <h3 align="center">login in</h3></div>
    <div id="centent" align="center">
          <form action="" p style="background-color:rgb(0,255,0)">
              Username： <input type="text" placeholder="请输入用户名">
              <br>
              Password： <input type="password" placeholder="请输入密码">
              <br>
              <input type="radio" name="role" value="student">student
              <input type="radio" name="role" value="teacher">teacher
              <br>
              <input type="checkbox" value="true"><span>记住我</span><a href="登录遇到问题">登录遇到问题</a><br>
               <p align="center"> <input type="button" value="login" onclick="登录验证">
          </form>
     </div>
    <div id="footer" p style="background-color:rgb(255,255,0)"><h5 align="center">版权@</h5></div>

    <p align="center">
    <select>
        <option>收藏</option>
        <option>点赞</option>
        <option>评论</option>

    </select></p>
</div>

</body>
<style>
    h1{
    color:red;
    }
</style>
</html>

结果如下图所示：

 

posted @ 2017-10-17 20:56  袁颖琳  阅读(132)  评论(0)    收藏  举报