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

最新推荐文章于 2019-07-09 22:55:00 发布

weixin_33725515

最新推荐文章于 2019-07-09 22:55:00 发布

阅读量149

点赞数

原文链接：http://www.cnblogs.com/1257-/p/7681184.html

版权

<!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" ; οnclick="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>

转载于:https://www.cnblogs.com/1257-/p/7681184.html

weixin_33725515

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web基础，用html元素制作web页面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>MIS页面</title></head><body><h1> <img src="logo_sc...
复制链接

扫一扫