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

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

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

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

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录界面</title>
</head>
<body>
   <h1>教务系统</h1>
   <hr>
   <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=1615575634,4119176251&fm=11&gp=0.jpg">
   <P>广州商学院</P>
<div id="comtainer" style="width: 300px">
    <div id="header"style="background-color:yellow"><h2 align="center">登录</h2></div>
    <div id="conter">
        <form>
            用户名：<input type="text" placeholder="请输入学号"> <br>
             密   码：<input type="password"><br>
            <input type="radio">student
            <input type="radio">teacher
<br>
            <input type="checkbox"><span>记住我</span><a href="">登录遇到问题</a> <br>
            <input type="button" value="login" onclick="alert('登录验证')">
        </form>
    </div>
    <div id="faster"style="background-color:yellow"><h2 align="center">版权@hmtl</h2></div>
</div>
</body>
</html>

 

posted @ 2017-10-17 21:37  018林彬  阅读(131)  评论(0)  编辑  收藏  举报