作业1:
实现代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>用户注册</title> </head> <body> <table border = "1" width = 400> <thead> <tr> <td colspan="2" style="text-align:center" bgcolor="#696969">用户注册</td> </tr> </thead> <tbody bgcolor="#C0C0C0"> <tr> <td>用户名</td> <td><input type="text" name="username"></td> </tr> <tr> <td>密码</td> <td><input type="text" name="userpass"></td> </tr> <tr> <td>性别</td> <td> <input type="radio" name="sex" id="" value="1" checked />男 <input type="radio" name="sex" id="" value="2" />女 </td> </tr> <tr> <td>爱好</td> <td> <input type="checkbox" name="like" id="" value="1" />写作 <input type="checkbox" name="like" id="" value="1" />听音乐 <input type="checkbox" name="like" id="" value="1" />体育 </td> </tr> <tr> <td>省份</td> <td> <select name="province"> <option value="shanxi">陕西省</option> <option>四川省</option> <option>山东省</option> </select> </td> </tr> <tr> <td>自我介绍</td> <td> <textarea name="intro" cols="25" rows="5">这个家伙什么也没留下哦</textarea> </td> </tr> </tbody> <tfoot> <tr> <td colspan="2" style="text-align: center" bgcolor="#696969"> <button name="send">提交</button> <button name="reset">重置</button> </td> </tr> </tfoot> </table> </body> </html>
运行结果:
作业2:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>用户注册</title> </head> <body> <h1>工商银行电子汇款单</h1> <table <table width="600" border="1" cellspacing="0" bordercolor="#000000"> <thead> <tr> <td colspan="2">回单类型</td> <td>网上转账汇款</td> <td>指令序号</td> <td colspan="2">HQH0000000000000013878172</td> </tr> <tr> <td rowspan="4">收款人</td> <td>户名</td> <td>老牟</td> <td rowspan="4">付款人</td> <td>户名</td> <td>老刘</td> </tr> <tr> <td>卡号</td> <td>000000000001</td> <td>卡号</td> <td>000000000002</td> </tr> <tr> <td>地区</td> <td>南京</td> <td>地区</td> <td>杭州</td> </tr> <tr> <td>网点</td> <td>工商江苏南京业务处理中心</td> <td>网点</td> <td>江苏徐州业务中心</td> </tr> </thead> <tbody> <tr> <td colspan="2">币种</td> <td>人民币</td> <td>钞汇标志</td> <td colspan="2">钞票</td> </tr> <tr> <td colspan="2">金额</td> <td>0.01元</td> <td>手续费</td> <td colspan="2">0.57元</td> </tr> <tr> <td colspan="2">合计</td> <td colspan="4">人民币(大写):壹元整</td> </tr> </tbody> <tfoot> <tr> <td colspan="2">交易时间</td> <td>2017年6月1日</td> <td>时间戳</td> <td colspan="2">2017-06-01-13.00.00. 00000</td> </tr> </tfoot> </table> 票据打印时间:2017-06-01 15:00:12<br> <del>票据打印单位:江苏徐州业务中心</del><br> 操作员:大曾<br> </body> </html>
运行结果:
作业三:
<html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <table width="600"> <thead> <h2>热门电影板块</h2> <tr> <hr> <td width="70"><b>最近热门电影</b></td> <td width="50" font_size:x-small>热门</td> <td width="50">最新</td> <td width="90">豆瓣高分</td> <td width="80">冷门佳片</td> <td>华语</td> <td>欧美</td> <td>韩国</td> <td>日本</td> <td width="100" align="center">更多>></td> </tr> </thead> <tbody> <tr> <td><img src="4.png" width="200" height="300"></td> <td colspan="4"><img src="2.png" width="200" height="300"></td> <td colspan="4"><img src="3.png" width="200" height="300"/></td> <td><img src="1.png" width="200"/></td> </tr> <tr> <td>蜘蛛侠</td> <td colspan="4">宠爱</td> <td colspan="4">宠爱2</td> <td>RIO</td> </tr> </tbody> <tfoot> <tr> <td><img src="5.png" width="200" heigh="300"></td> <td colspan="4"><img src="6.png" width="200" height="300"></td> <td colspan="4"><img src="7.png" width="200" height="300"/></td> <td><img src="8.png" width="200" height="300"/></td> </tr> <tr> <td>异形·契约</td> <td colspan="4">无辜囚徒</td> <td colspan="4">拆弹专家2</td> <td>宠爱3</td> </tr> </tfoot> </table> </body> </html>