html基础——表格练习
2024-08-27 22:59:47
最终样式
步骤分析：
- 标题和报名时间为一块
- 表格为一块
- 由图可知，可创建一个七行八列的列表存储数据
- 首先设置边框的样式，边框 大小，这里是黑色不好看可以设置为天空蓝
- 可选矿使用<input type="checkbox">
- 有些框需要占据多列，添加colspan属性
- 有些单元格需要占据多行，添加rowspan属性
<!DOCTYPE html>
<html lang="en"> <head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head> <body>
<div style="color:red;font-size:30px;text-align:center;width:100%;">
2019 年度一级建造师报名表
</div>
<div style="text-align: center;padding:10px;">
报名时间： 年 月 日
</div>
<table align="center" border="1" cellspacing="0" width="1000px">
<tr>
<td>姓名</td>
<td></td>
<td>性别</td>
<td> </td>
<td>邮编</td>
<td> </td>
<td>电邮</td>
<td></td>
</tr>
<tr>
<td>出生年月</td>
<td> </td>
<td>学历</td>
<td> </td>
<td>电话手机</td>
<td colspan="2"></td>
<td>“鲁班会”会员卡号</td>
</tr>
<tr>
<td>单位名称</td>
<td colspan="3"></td>
<td>传真</td>
<td colspan="2"></td>
<td colspan="2"></td>
</tr>
<tr>
<td rowspan="2">报考情况及辅导班级</td>
<td colspan="4">
<span><input type="checkbox" />首次报考</span>
<span><input type="checkbox" />非首次报考</span>
<span><input type="checkbox" />增项</span>
</td>
<td colspan="3">
所报科目：
<span><input type="checkbox" />法规</span>
<span><input type="checkbox" />施工管理</span>
<span>实务科目：</span>
</td>
</tr>
<tr>
<td colspan="7">
所报辅导班 <span><input type="checkbox" />精讲班</span>
<span><input type="checkbox" />讲题班</span>
<span><input type="checkbox" />冲刺班</span>
<span><input type="checkbox" />点题班</span>
<span><input type="checkbox" />签约协议班</span>
</td>
</tr>
<tr>
<td>所在城市</td>
<td colspan="3"> 省 地区/市</td>
<td>报读分校</td>
<td> </td>
<td>咨询老师</td>
<td></td>
</tr>
<tr>
<td>身份证号码</td>
<td colspan="7"></td>
</tr>
</table>
</body> </html>
最新文章
- 一起买beta版PHP单元测试
- zookeeper client 常用操作
- AOJ 739 First Blood
- 4554: [Tjoi2016&Heoi2016]游戏 二分图匹配
- Developer Tools（开发工具）
- Eclipse中点击小猫提示Tomcat settings should be set in Tomcat Preference Page
- C# socket通信随记回顾
- 分享基于分布式Http长连接框架
- plsql经验之谈
- MSSQL 备份数据库还原
- thinkinginjava学习笔记04_初始化与清理
- 【CJOJ P2226】[省常中2011S4] 圣诞节
- 反对网抄，没有规则可以创建目标"install" 靠谱解答
- Windows SFTP 的安装
- ORA-39006错误原因及解决办法
- P2221 [HAOI2012]高速公路（线段树）
- chmod 没有x权限怎么办
- 【转】[MySQL复制异常]Cannot execute statement: impossible to write to binary log since statement is in row for
- [javaSE] 集合框架（共性方法）
- YII使用beanstalk队列