写一个简单的表格,不懂的代码可上网搜索

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>table3</title>
</head>
<body>
    <h1 align="center">项目补增单</h1>
    <table align="center" border="1" bordercolor="#000000" cellspacing="0" width="750px" height="362px" cellpadding="0">
        <tr align="center">
            <td width="52px">序号</td>
            <td width="250px">维修项目及更换配件</td>
            <td width="52px">单价</td>
            <td>数量</td>
            <td width="52px">小计</td>
            <td width="52px">工时费</td>
            <td width="52px">合计</td>
            <td width="182px">故障原因</td>
        </tr>
        <tr align="center">
            <td>1</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
            <td>2</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
            <td>3</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
            <td>4</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
            <td>5</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center">
            <td>6</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
        <tr align="center" height="30px">
            <td rowspan="4">7</td>
            <td></td>
            <td rowspan="4" colspan="2" ></td>
            <!-- 单价与数量合并,并一起向下合并4格 -->
            <td rowspan="4"></td>
            <!-- 小计向下合并4格 -->
            <td rowspan="4"></td>
            <!-- 工时费向下合并4格 -->
            <td rowspan="4"></td>
            <!-- 合计向下合并4格 -->
            <td rowspan="4"></td>
            <!-- 故障原因向下合并4格 -->
        </tr>
        <tr align="center" height="30px">
            <td></td>
            <!-- 留下一个框框无任何设置 -->
        </tr>
        <tr align="center" height="30px">
            <td></td>
        </tr>
        <tr align="center" height="30px">
            <td></td>
        </tr>
        <tr align="left">
        <!-- 左对齐 -->
            <td colspan="2">备件费用小计:</td>
            <td colspan="5">工时费用小计:</td>
            <td>合计:</td>
        </tr>
    </table>
    <table align="center" width="750px" height="32px">
        <!-- 不对边框进行设置,则默认是无边框 -->
        <tr align="center">
            <td>班组长:</td>
            <td>技术部:</td>
            <td>服务顾问:</td>
            <td>客户确认:</td>
        </tr>
    </table>
    

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

只是记录,感兴趣的可以复制到编辑器里查看。做的表格是根据图片来的。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值