博客列表 >3月16日第二天作业补充

3月16日第二天作业补充

kaclod的博客
kaclod的博客原创
2018年03月17日 22:07:421092浏览
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>作业补充</title>
</head>
<body>

<table border="1" cellpadding="15" cellspacing="0" >
<caption><h3>课&nbsp程&nbsp表</h3></caption>
<thead>

<tr bgcolor="skyblue">
<td rowspan="2" >个人信息</td>
<td rowspan="2" colspan="2" >课次</td>
<td colspan="5">工作日</td>
<td colspan="2">休息日</td>
</tr>


<tr bgcolor="skyblue">

<td>星期1</td>
<td>星期2</td>
<td>星期3</td>
<td>星期4</td>
<td>星期5</td>
<td>星期6</td>
<td>星期7</td>
</tr>

</thead>

<tbody>

<tr bgcolor="red">
<td rowspan="6"><img src="2.jpg" alt="头像" width="80"><br>姓名:小明<br>年龄:39</td>
<td rowspan="3">上午</td>
<td>一</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>物流</td>
<td>化学</td>
<td rowspan="6" bgcolor="yellow">踩点</td>
<td rowspan="6" bgcolor="yellow">睡觉</td>
</tr>

<tr bgcolor="red">
<td>二</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>物流</td>
<td>化学</td>

</tr>


<tr bgcolor="red">
<td>三</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>物流</td>
<td>化学</td>

</tr><tr bgcolor="red">
<td rowspan="3">下午</td>
<td>四</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>物流</td>
<td>化学</td>

</tr><tr bgcolor="red">
<td>五</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>物流</td>
<td>化学</td>

</tr><tr bgcolor="red">
<td>六</td>
<td>语文</td>
<td>数学</td>
<td>外语</td>
<td>物流</td>
<td>化学</td>

</tr>

</tbody>

</table>


</body>
</html>

课程表制作图片如下作业补充.png

然后看到同学的表格是这样 QQ截图20180317220217.png         跟着图片做,效果却不太好,不懂怎么弄结算内容这个部分占的宽度大一些,每行的高度也不懂怎么调整


1.png

代码如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>申请书</title>
</head>
<body>
<div>
<table border="1" cellspacing="0" cellpadding="15">
<caption><h3>xxx申请书</h3></caption>
<tr>
<td bgcolor="gray">申请单位</td>
<td></td>
<td bgcolor="gray">组织机构代码</td>
<td colspan="3"></td>
</tr>

<tr>
<td rowspan="2" bgcolor="gray">单位性质</td>
<td>口&nbsp行政单位&nbsp口&nbsp单位性质<br>口&nbsp临时机构单位&nbsp口&nbsp其它</td>
<td bgcolor="gray">地址</td>
<td colspan="3"></td>
</tr>

<tr>
<td></td>
<td bgcolor="gray">电话</td>
<td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td>
<td bgcolor="gray">邮编</td>
<td>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</td>
</tr>

<tr>
<td bgcolor="gray">申请开放或变<br>更用户的性质</td>
<td colspan="5">口基本存款账户&nbsp口专用存款账户&nbsp口一般存款账户&nbsp口临时</td>
</tr>

<tr>
<td rowspan="2" bgcolor="gray">申请开放或变<br>更账户的理由</td>
<td colspan="5">▢新单位成立&nbsp;▢项目基建&nbsp;▢住房基金<br>▢国库集中支付&nbsp;▢非税收入支付&nbsp;▢党、团或工会经费<br>▢其它</td>
</tr>
<tr>
<td colspan="5">▢单位迁址&nbsp;▢原开户行迁址&nbsp;▢原开户行系统升级<br>▢其它</td>
</tr>

<tr>
<td bgcolor="gray">结算内容</td>
<td colspan="5"></td>
</tr>
</table>

</div>
</body>
</html>


上一条:3月15日作业下一条:森田的博客2
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议
钓大鱼2018-03-18 02:10:241楼
你模仿的我的例子,这个很简单,最下面一行有颜色那块合并3个列就搞定,行高我并没刻意去设置,只是把宽度加以分类强制定义了宽度下,否则表格里面填写内容多了会拉宽表格而不换行,或者表格里面没内容很窄,就会出现你为了实现效果打了无数个空格符占位一样!