目录
一、前言
上一篇文章我整理以前的笔记是：表格-常用属性：cellspacing、cellpadding、caption、thead等，详细可参考博文 web快速入门之基础篇-html：11、表格-常用属性：cellspacing、cellpadding、caption、thead等 这篇文章我将整理笔记：表格-常用属性：colspan、colspan、表格的嵌套等
二、实例演示
1、实例代码
我们先来看看一个例子，如下代码：06_td设置colspan、rowspan.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>这是title标题</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
</head>
<body>
<h3>--colspan（跨列）---</h3>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td colspan="2">January</td>
<!-- <td colspan="3">January</td> -->
</tr>
<tr>
<td colspan="2">February</td>
</tr>
</table>
<h3>--rowspan（跨行）---</h3>
<table border="1" width="100" height="80">
<tr>
<td rowspan="2">a</td>
<td>b</td>
</tr>
<tr>
<td>c</td>
<!-- <td>d</td> -->
</tr>
</table>
</body>
</html>2、效果演示
用谷歌浏览器打开运行，效果如下：
如果我把代码的跨列值改为“3”，跨行代码里面增加一个单元格“d”，效果如下：
三、知识点说明
1、不规则表格（td设置）
colspan（跨列）
定义和用法
colspan 属性规定单元格可横跨的列数。
<td colspan="value">浏览器支持
所以浏览器都支持 colspan 属性。
没有浏览器支持 colspan="0"，这个值有特殊的意义。
注释：colspan="0" 指示浏览器横跨到列组的最后一列。
详见：http://www.w3school.com.cn/tags/att_td_colspan.asp
rowspan（跨行）
定义和用法
rowspan 属性规定单元格可横跨的行数
<td rowspan="value">浏览器支持
所以浏览器都支持 rowspan 属性。
没有浏览器支持 rowspan="0"，这个值有特殊的意义。
注释：rowspan="0" 指示浏览器横跨到表格部分的最后一行（thead、tbody 或者 tfoot）。
详见：http://www.w3school.com.cn/tags/att_td_rowspan.asp
2、表格的嵌套
解决复杂布局情况，td里写一个table
1134
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
