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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>MIS页面</title>
</head>
<body>
<h1>
    <img src="logo_school.png"/>
    <img src="logo_jw.png"/>
</h1>

<hr>
<div id="container" style="width: 400px">
    <div id="header" style="background-color: darkorange">
        <h2 align="center" style="margin-bottom: 0;">登录</h2>
    </div>
    <div id="content" style="background-color: aliceblue;height: 150px;width: 400px;float: left">
        <br>
        <form action="">
            <!--Username:<input type="text" name="user" placeholder="请输入用户名"><br>-->
            Username:<input name="txtUserName" tabindex="1" class="text_nor" id="txtUserName" type="text">
            <br>
            <!--Password:<input type="password" name="password">-->
            Password:<input name="TextBox2" tabindex="2" class="text_nor" id="TextBox2" type="password">
            <br>
            <input type="radio" name="role" value="stu">学生
            <input type="radio" name="role" value="tea">教师
            <br>
            <input  type="checkbox" value="true">记住我
            <br>
            <input type="button" value="login" ; onclick="alert('login')">
            <input type="button" value="cancel">
        </form>

    </div>

    <div id="footer" style="background-color: darkorange;clear: both">
        <h2 align="center">版权</h2></div>
</div>
<hr>

<select>
    <option>sing</option>
    <option>dance</option>
    <option>performance</option>
</select>

<ol>
    <li>第一</li>
    <li>第二</li>
</ol>

<ul>
        <li>1</li>
        <li>2</li>
    </ul>

<dl>
    <dt>电脑</dt>
    <dd>联想，华硕，三星</dd>
    <dt>牛奶</dt>
    <dd>伊利，蒙牛</dd>
</dl>
</body>
</html>

　　

 

posted on 2017-10-17 13:38  043李庆  阅读(114)  评论(0)  编辑  收藏  举报

导航