本篇文章给大家介绍一下HTML进行表格制作的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。
HTML中制作表格有两种方法:
(1)先把最原始的表格画出来,每一个都是单个单元格,然后再根据要求进行行合并或列合并,有的表格需要行列都合并,则也是把它分为两步做,先合并行再合并列(或者先合并列再合并行),若进行了colspan和rowspan的合并,则将之后同一行或同一列的单元格删除,但这种方法较麻烦,容易搞混。
(2)直接根据最终要生成的表格来操作,将每个合并的单元格看做一个小的单元格,不再将它拆分,然后一行一行的写表格,遇到合并的单元格直接写出colspan或rowspan,下面若遇到已经用过的合并的单元格,则不再将其算到内,只看还剩多少单元格。这种方法一行一行的写,不用再去删单元格,比较清晰。
以下为制作的一个简单表格及其代码:
表格项目增补单
序号 | 维修项目及更换配件 | 单价 | 数量 | 小计 | 工时费 | 合计 | 故障原因 |
1 | |||||||
2 | |||||||
3 | |||||||
4 | |||||||
5 | |||||||
6 | |||||||
7 | |||||||
备件费用小计: | 工时费用小计: | 合计: |
班组长: | 技术部: | 服务顾问: | 客户确认: |