第一次作业

作业代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h3>会员登录页面</h3>
    <hr>
    <form method="get" action="index.html">
        <table width="500" border="1" cellpadding="10" align="center">
            <tr align="center">
                <td colspan="2">OPENEDU会员登录</td>
            </tr>
            <tr>
                <td align="right"><label for="zhanghao">账号:</label></td>
                <!-- 
                input 标签,没有width属性
                    所以修饰宽度、高度的时候,需要使用css样式
                -->
                <td><input type="text"  
                    style="width:330px;height:30px;"
                    id="zhanghao" placeholder="请输入账号"/></td>
            </tr>
            <tr>
                <td align="right"><label for="mima">密码:</label></td>
                <td><input type="password" 
                        style="width:330px;height:30px;"
                        id="mima" placeholder="请输入密码"/></td>
            </tr>
            <tr>
                <td colspan=2 align="center">
                    <input type="reset" value="清空"/>
                    <input type="submit" value="登录"/>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>

网页显示效果


image.png
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.作业 1.分别说出什么是HTML,XHTML,HTML5? 答:HTML为超文本标记语言,它不是一种编程语言而...
    浩克与浩文阅读 407评论 3 4
  • 作业的分析 第一章程课的课程也快要结束,老师给我们布置的第一次作业是用HTML来制作一个网页表格,网页效果如下 代...
    原许阅读 63评论 0 2
  • #作业分析 本次作业要求运用table表格标签并实现效果,结果如下 #代码实现 使用html代码实现 html <...
    L_2936阅读 55评论 0 1
  • 作业描述 使用表格写一个网页,介绍游戏中的各位英雄,效果如下 网页代码 使用VsCode工具编写代码,如下:
    z_e3bb阅读 46评论 0 1
  • 作业描述 使用表格实现一个网页,介绍我游戏中的各位角色 效果预览: 网页代码使用VSCode工具编写代码,如下:
    猫尔_5c99阅读 49评论 0 0