Community
Learn
Tools Library
AI Tools
Leisure
search
English
Home > List of blog posts > 3月16日第二天作业补充
Blogger Information
Blog 27
fans 2
comment 1
visits 13712
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
3月16日第二天作业补充
kaclod的博客
Original
1099 people have browsed it
<!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>


Correction status：Uncorrected

Teacher's comments：
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
1 comments
钓大鱼 2018-03-18 02:10:24
你模仿的我的例子，这个很简单，最下面一行有颜色那块合并3个列就搞定，行高我并没刻意去设置，只是把宽度加以分类强制定义了宽度下，否则表格里面填写内容多了会拉宽表格而不换行，或者表格里面没内容很窄，就会出现你为了实现效果打了无数个空格符占位一样！
1 floor
Author's latest blog post