如何绘制一张简单的html表格

最新推荐文章于 2024-04-29 22:26:37 发布

februaryjobs

最新推荐文章于 2024-04-29 22:26:37 发布

阅读量2.4k

点赞数 1

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/februaryjobs/article/details/44354463

版权

HTML 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

效果：

**表1 外观检查记录表**
试验内容		XXX外观检查
序号	检查部位	检查内容					备注
序号	检查部位	表面平整	光滑	无裂缝	无毛刺	无磕碰伤痕	备注
1	手轮操作面
2	液晶显示器屏
3	支撑座
4	定位块
5	锁紧块
检察人员							检查时间
检察人员
确认人员							确认时间
确认人员
实施部门

代码：

<!doctype html>
<html>
<head>
<style type="text/css">
td
{
    text-align:center;
}
table {
	font-size:18px;
}
</style>
</head>
<body>
<table width="80%" align="center" height="800" border="1px" cellspacing="0px">
<caption><strong>表1 外观检查记录表</strong></caption>
<tr>
	<td colspan="2">试验内容</td>
	<td colspan="6">XXX外观检查</td>
</tr>
<tr>
	<td rowspan="2">序号</td>
	<td rowspan="2">检查部位</td>
	<td colspan="5">检查内容</td>
	<td rowspan="2">备注</td>
</tr>
<tr>
	<td>表面平整</td>
	<td>光滑</td>
	<td>无裂缝</td>
	<td>无毛刺</td>
	<td>无磕碰伤痕</td>
</tr>
<tr>
	<td>1</td>
	<td>手轮操作面</td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>2</td>
	<td>液晶显示器屏</td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>3</td>
	<td>支撑座</td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>4</td>
	<td>定位块</td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td>5</td>
	<td>锁紧块</td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
	<td></td>
</tr>
<tr>
	<td rowspan="2" colspan="2">检察人员</td>
	<td rowspan="2" colspan="5"></td>
	<td>检查时间</td>
</tr>
<tr>
	<td></td>
</tr>
<tr>
	<td rowspan="2" colspan="2">确认人员</td>
	<td rowspan="2" colspan="5"></td>
	<td>确认时间</td>
</tr>
<tr>
	<td></td>
</tr>
<tr>
	<td colspan="2">实施部门</td>
	<td colspan="6"></td>
</tr>

</table>






</body>
</html>