11
2018
07

表格的合并 表单的写法

单元格的合并:

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/post/7551.html

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

gzh

微信扫码关注

更新实时通知

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。