简单的HTML表格是由table标签以及一个或者多个tr，th，td元素组成。

 

　　table标签

 

　　table标签可以定义简单的表格，它主要是用来控制表格的外边框的，它拥有margin属性主要是设置表格的外边距。border属性用于设置表格的边框以及cellspacing属性用于规定单元格之间的空白

 

　　tr部分：

 

　　tr是主要用来来分割表格中有几行，一般只需要用来设定heigth

 

　　td部分：

 

　　td是用来控制每个单元格的属性，可是分别控制每个单元格的上下左右边框，其中也包含padding属性。

 

　　th部分：

 

　　th的用法与td的用法相同，只是它是用来区分表头的。

 

　　注意：在表格中国使用百分比和使用像素为单位是相同的

 

　　例：

 

　　

 

　　<tableborder="1pxsolid#ccc">

 

　　<h4>php中文网</h4>

 

　　<tr>

 

　　<td>教程</td>

 

　　<td>教程地址</td>

 

　　</tr>

 

　　<tr>

 

　　<td>php教程</td>

 

　　<td>http://www.php.cn</td>

 

　　</tr>

 

　　<tr>

 

　　<td>html教程</td>

 

　　<td>http://www.php.cn</td>

 

　　</tr>

 

　　</table>

 

　　效果图：

 

　　表格的跨行与跨列处理

 

　　我们也可以通过设置单元格的colspan属性使其跨列合并，也可以设置单元格的rowspan属性使其跨行合并，如下所示

 

　　单元格跨两列

 

　　<tr>

 

　　<tdcolspan="2">php教程</td>

 

　　<td>http://www.php.cn</td>

 

　　</tr>

 

　　<tr>

 

　　<tdcolspan="2">html教程</td>

 

　　<td>http://www.php.cn</td>

 

　　</tr>

 

　　<tr>

 

　　<tdcolspan="2">css教程</td>

 

　　<td>http://www.php.cn</td>

 

　　</tr>







本文转载自中文网