利用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     建筑消防设施维护保养记录表</h2>
<p align="right"> 序号:   
   &emsp