第一次作业

任务一:完成用户注册页面

<body>
    <table width="350px" heigt="1100px" border="1px" >
        <tr>
            <th colspan="2">用户注册</th>
        </tr>
        <tr>
            <th>用户名</th>
            <td><input type="text" name="username"></td>
        </tr>
        <tr>
            <th>密码</th>
            <td><input type="password" name="password" ></td>
        </tr>
        <tr>
            <th>性别</th>
            <td><input type="radio" name="gendar" value="男">男
                <input type="radio" name="gendar" value="女">女</td>
        </tr>
        <tr>
            <th>爱好</th>
            <td ><input type="checkbox" name="game" value="听音乐">听音乐
                <input type="checkbox" name="game" value="游戏">游戏
                <input type="checkbox" name="game" value="写作">写作
                <input type="checkbox" name="game" value="体育">体育<br>
                其他:<input type="text" name="username" value="" placeholder="请写出你的爱好">
            </td>
        </tr>
        <tr>
            <th>省份</th>
            <td>
                <select name="books" id="" multiple="multiple">
                    <option value="">请选择省份:</option>
                    <option value="books1" selected>陕西省</option>
                    <option value="books1">四川省</option>
                    <option value="books1">山东省</option>
                    <option value="books1">福建省</option>
                </select>
            </td>
        </tr>
        <tr>
            <th>自我介绍</th>
            <td rowspan="">
                <textarea name="introduce" id="" cols="30" rows="10">请介绍自己</textarea>
                <select name="介绍" multiple="multiple"  >
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2" align="center">
                <input type="reset" name="reset">
                <input type="submit" value="提交">
            </td>
            
        </tr>
    </table>
</body>

这里面会使用到下拉框可以使用select默认选中某一子项和multiple将下拉框以列表形式展示

checkbox:复选框 password:密码框radio:单选框以及文本域

任务二:银行电子汇款单

这里会使用到表格的行和列以及border:边框align:对齐方式cellpadding:元素内容与单元格之间的边距colspan:向右扩展rowspan:向下扩展,以及标题的h1

任务三:古诗词

在这里要讲诗词按自己的排序显示出来会使用到pre保持原样输出,以及img将图片显示,当然也可以通过font size将自己的文字放大或加粗b或者strong可以加粗。

任务四:

这里面会使用到img可以先将图片放到对应的文件下,再在src中写出图片的路径,这里我使用的是div块级标签并使用img将图片的大小固定了,这里图片下面的字我使用的是&nbsp;表示空格。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值