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

 

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

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

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

 

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高级娱乐会所</title>
</head>
<body>
<h1 align="center">澳门巴黎人赌场开幕啦！！！</h1>
<hr>
<h2 align="center">美女荷官在线发牌</h2>
<img src="http://www.cnii.com.cn/internetnews/img/attachement/jpg/site2/20131112/00016c58d8d513ebd6b113.jpg">
<div style="background-color: aqua"><h2 align="center">登录</h2></div>
<div>
    <form>

        用户名：<input type="text" name=“username" placeholder="请输入用户名"><br>
        密码　：<input type="password" name="pwd"><br>
        <input type="radio" name="role" value="stu">学生
        <input type="radio" name="role" value="stu">教师
        <br>
        <input type="button" value="登录" onclick="alert('登录验证')">
        <input type="button" value="注册" onclick="alert('注册验证' )">


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

        </select>
    </p>
    <ul>
        <li>python</li>
        <li>css</li>
        <li>img</li>

    </ul>
    <ol>
        <li>python</li>
        <li>css</li>
        <li>img</li>
    </ol>
</div>
<div style="background-color: aqua"><h2 align="center">版权@</h2></div>
</body>
</html>

 

posted @ 2017-10-17 19:53  013洪辉  阅读(123)  评论(0)  编辑  收藏  举报