表格制作过程html,HTML进行表格制作

本篇文章给大家介绍一下HTML进行表格制作的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

44cdc2030aefcf1bdc0b5cb86349f092.png

HTML中制作表格有两种方法:

(1)先把最原始的表格画出来,每一个都是单个单元格,然后再根据要求进行行合并或列合并,有的表格需要行列都合并,则也是把它分为两步做,先合并行再合并列(或者先合并列再合并行),若进行了colspan和rowspan的合并,则将之后同一行或同一列的单元格删除,但这种方法较麻烦,容易搞混。

(2)直接根据最终要生成的表格来操作,将每个合并的单元格看做一个小的单元格,不再将它拆分,然后一行一行的写表格,遇到合并的单元格直接写出colspan或rowspan,下面若遇到已经用过的合并的单元格,则不再将其算到内,只看还剩多少单元格。这种方法一行一行的写,不用再去删单元格,比较清晰。

以下为制作的一个简单表格及其代码:

7954337eeb1718f919cad039b5f50bb4.png

表格

项目增补单

序号维修项目及更换配件单价数量小计工时费合计故障原因
1
2
3
4
5
6
7
备件费用小计:工时费用小计:合计:
班组长:技术部:服务顾问:客户确认:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值