利用HTML自制电子表

最新推荐文章于 2023-10-21 11:38:05 发布

小苏(º﹃º )

最新推荐文章于 2023-10-21 11:38:05 发布

阅读量397

点赞数

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

本文链接：https://blog.csdn.net/qq_45850095/article/details/115288138

版权

利用HTML自制电子表

表格
实现：建筑消防设施维护保养记录表

在生活中，我们会经常遇到各种需要填写的表格，除了利用Word和Excel制作表格外，我们可不可以利用代码来实现表格的制作呢？
答案是：可以。

下面我来介绍表格的作用和一些属性。

表格

作用：按照一定的顺序（格式）摆放数据
组成：行和单元格
创建表格：
table 表格
tr 行
td 单元格

表格属性

table的属性
align 水平位置：居左left 居右right 居中center
width 宽度
height 高度
border 边框
cellspacing 单元格和单元格之间的距离
cellpadding 单元格边框和内容之间的距离
bgcolor 背景颜色

行属性

tr的属性
bgcolor 一行的背景颜色
align 内容的水平位置
valign 内容的垂直位置 top middle bottom
height 一行的高度

单元格属性

td的属性
width 一个单元格的宽度
height 一行的高度
align 当前单元格的内容的水平位置
valign 当前单元格的内容的垂直位置 top middle bottom
bgcolor 当前单元格的背景颜色表格的合并
1.跨列合并 colspan
2.跨行合并 rowspan

实现：建筑消防设施维护保养记录表

代码实现：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2 align="center">表 E.2  &emsp;&emsp;&emsp;&emsp;建筑消防设施维护保养记录表</h2>
<p align="right">  序号：  &emsp;&emsp; 
    &emsp;&emsp;&emsp;&emsp

最低0.47元/天解锁文章

小苏(º﹃º )

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
利用HTML自制电子表

利用HTML自制电子表表格表格属性行属性单元格属性实现：建筑消防设施维护保养记录表代码实现：制作表格时需注意事项：效果图在生活中，我们会经常遇到各种需要填写的表格，除了利用Word和Excel制作表格外，我们可不可以利用代码来实现表格的制作呢？答案是：可以。下面我来介绍表格的作用和一些属性。表格作用：按照一定的顺序（格式）摆放数据组成：行和单元格创建表格：table 表格tr 行td 单元格表格属性table的属性align 水平
复制链接

扫一扫

专栏目录