任务一:完成用户注册页面
<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将图片的大小固定了,这里图片下面的字我使用的是 表示空格。