代码改变世界

13次作业

2017-10-17 09:50  019王泽  阅读(207)  评论(0)    收藏  举报

观察常用网页的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 tyoe="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>
        <select>
            <option>点赞</option>
            <option>打赏</option>
            <option>转发</option>
        </select>
        <ul>
            <li>ideal</li>
            <li>python</li>
        </ul>
    </div>
</div>
</body>
</html>