-
第二天表格练习
一、用表单和表格设计如下界面
题目一：设计用户注册界面
题目一代码：
DOCTYPE html> <html> <head> <title>表格作业title> <style type="text/css"> #td{text-align: right;} table{background-color: #E5E2E2;border:solid 10px white;} style> head> <body> <center> <form method="post" action=""> <table border="1px" cellspacing="0" width="400px" height="300px"> <tr> <td colspan="2" style="text-align: center; background-color:#C1BFBF; ">用户注册td> tr> <tr> <td id="td">用户名td> <td><input type="text" name="UserName" maxlength="20" width="15px">td> tr> <tr> <td id="td">密 码td> <td><input type="password" name="UserPass" width="15px" maxlength="20">td> tr> <tr> <td id="td">性 别td> <td> <input type="radio" name="sex" value="male" checked="checked">男 <input type="radio" name="sex" value="female" >女 td> tr> <tr> <td id="td">爱 好td> <td> <input type="checkbox" name="like1" value="写作">写作 <input type="checkbox" name="like2" value="听音乐">听音乐 <input type="checkbox" name="like3" value="体育">体育 td> tr> <tr> <td id="td">省 份td> <td> <select name="province" size="1" multiple="1"> <option value="shaanxi" selected>陕西省option> <option value="sanxi">山西省option> <option value="sichuan">四川省option> <option value="beijing">北京省option> select> td> tr> <tr> <td id="td">自我介绍td> <td><textarea name="intro" rows="5" cols="25" wrap="virtual"> 这家伙什么也没有留下 textarea>td> tr> <tr> <td colspan="2" style="text-align: center; background-color:#C1BFBF; "> <input type="submit" name="send" value="提交"> <input type="reset" name="reset" value="重置"> td> tr> table> form> center> body> html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
题目一结果：
题目二：设计公司账单
题目二代码：
DOCTYPE html> <html> <head> <title>表格作业title> <style type="text/css"> #td{font-weight: bolder;} table{margin: 0px;} style> head> <body> <h2>工商银行电子汇款单h2> <table border="1px" cellspacing="0" width="1200px" height="300px"> <tr> <td colspan="2" id="td">回单类型td> <td>网上转账汇款td> <td colspan="2" id="td">指令序号td> <td>HQH0000000000000013878172td> tr> <tr> <td rowspan="4" id="td" style="width: 30px;text-align: center;">收款人td> <td>户名td> <td>老牟td> <td rowspan="4" id="td" style="width: 30px;text-align: center;">付款人td> <td>户名td> <td>老刘td> tr> <tr> <td id="td">卡号td> <td>00000000001td> <td id="td">卡号td> <td>00000000002td> tr> <tr> <td>地区td> <td>南京td> <td>地区td> <td>杭州td> tr> <tr> <td id="td">网点td> <td>工商江苏南京业务处理中心td> <td id="td">网点td> <td>江苏徐州业务中心td> tr> <tr> <td colspan="2" id="td">币种td> <td>人民币td> <td colspan="2" id="td">钞汇标志td> <td>钞票td> tr> <tr> <td colspan="2" id="td">金额td> <td>1.00元td> <td colspan="2" id="td">手续费td> <td>0.57元td> tr> <tr> <td colspan="2" id="td">合计td> <td colspan="5" >人民币（大写）：<span id="td">壹圆整span>td> tr> <tr> <td colspan="2" id="td">交易时间td> <td><i>2017年6月1日i>td> <td colspan="2" id="td">时间戳td> <td><i>2017-06-01-13.00.00. 00000i>td> tr> table> <p>票据打印时间：2017-06-01 15:00:12p> <p><del>票据打印单位：江苏徐州业务中心del>p> <p>操作员：大曾p> body> html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
- 56
- 57
- 58
- 59
- 60
- 61
- 62
- 63
- 64
- 65
- 66
- 67
- 68
- 69
- 70
- 71
- 72
题目二结果：
题目三：设计电影播放网站页面
题目三代码：
DOCTYPE html> <html> <head> <title>表格练习title> <style type="text/css"> .table1{border-right: none;border-left: none;} .td1{border-right: none;border-left: none;} .table2{border:none;} .td2{border:none; padding-top: 20px;} style> head> <body> <h2>热门电影板块h2> <table border="1px" cellspacing="0" width="1110px" height="40px" class="table1" bordercolor="gray"> <tr> <td class="td1"><strong>最近热门电影strong>td> <td class="td1">热门td> <td class="td1">最新td> <td class="td1">豆瓣高分td> <td class="td1">冷门佳片td> <td class="td1">华语td> <td class="td1">欧美td> <td class="td1">韩国td> <td class="td1">日本td> <td style="text-align: right;" class="td1">更多>>td> tr> table> <table border="1px" cellspacing="0" width="800px" height="40px" style="margin-top: 2px;" class="table2"> <tr> <td class="td2"><img src="C:/img/1.png">td> <td class="td2"><img src="C:/img/2.png">td> <td class="td2"><img src="C:/img/3.png">td> <td class="td2"><img src="C:/img/4.png">td> tr> <tr> <td class="td2">奇异博士2：疯狂多元宇宙td> <td class="td2">梦华录td> <td class="td2">权利的游戏第一季无删减td> <td class="td2">唐朝诡事录td> tr> <tr> <td class="td2" ><img src="C:/img/5.png">td> <td class="td2" ><img src="C:/img/6.png">td> <td class="td2" ><img src="C:/img/7.png">td> <td class="td2"> <img src="C:/img/8.png">td> tr> <tr> <td class="td2">法医秦明td> <td class="td2">罚罪td> <td class="td2">独行月球td> <td class="td2">我们这十年td> tr> table> body> html>- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
- 41
- 42
- 43
- 44
- 45
- 46
- 47
- 48
- 49
- 50
- 51
- 52
- 53
- 54
- 55
题目三结果：
-
相关阅读:
JavaScript构造函数和原型:继承
C++自动定义的成员函数
SpringBoot+Netty+Vue+Websocket实现在线推送/聊天系统
计算机毕业设计django基于Python的学校财务管理系统(源码+系统+mysql数据库+Lw文档）
如何通过快速的指标组合，查看广告的支出回报率
嵌入式中如何用C语言操作sqlite3（07）
IDEA日常使用
微信（小程序开发）： 解决播放音乐没有声音的情况 && 代码不报错的情况下依旧没有声音的解决方案
#机器学习--补充数学基础--概率论
vue怎么跳转页面？
- 原文地址：https://blog.csdn.net/qq_50589028/article/details/127641736
