表格的合并表单的写法

时间：6年前阅读：4410

单元格的合并：

1、找到要合关的单元格

2、保留要合并的单元中的第一个，删除后面的

3、然后定义保留下来的单元格所占的行数或者列数

合并左右关系的单元格，用colspan

合并上下关系的单元格，用rowspan

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">    
<html xmlns="http://www.w3.org/1999/xhtml">    
<head>    
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
<title>无标题文档</title>    
</head>    
<body>    
<!-- table标签表示这是一个表格 -->    
<!-- tr表示一行 -->    
<!-- border 边框 -->    
<!-- align 水平居 排列 排整齐 -->    
<!-- center  居中 -->    
<!-- valign 垂直居  top 居上    bottom居下  middle居中-->     
<table border="1" width="800" height='300' align="center">    
<tr height="80" bgcolor="#FFB5C5" align="center" valign="top">     
<td></td>    
<td>星期一</td>    
<td>星期二</td>    
<td>星期三</td>    
<td>星期四</td>    
<td>星期五</td>    
</tr>    
<tr>    
	<td bgcolor="#D1EEEE">第一节课</td>    
	<td rowspan="3"></td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
<tr>    
	<td>第二节课</td>    
	<td></td>    
	<td colspan="2"></td>    
	<td></td>    
</tr>    
<tr>    
	<td>第三节课</td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
<tr>    
	<td>第四节课</td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
	<td></td>    
</tr>    
</table>    
</body>    
</html>

上面代码效果图片展示

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

表格的合并 表单的写法

网友评论

表格的合并表单的写法