HTML教程-跨多行、多列的表元

现在的位置: 首页 >> 网页设计 >> HTML >> HTML教程-跨多行、多列的表元

HTML教程-跨多行、多列的表元

要创建跨多行、多列的表元，只需在<TH>或<TD>中加入ROWSPAN或COLSPAN属性，这两个属性的值，表明了表元中要跨越的行或列的个数。

　跨多列的表元 <th colspan=#>　<td colspan=#>
　　colspan表示跨越的列数，例如colspan=2表示这一格的宽度为两个列的宽度。

　跨多行的表元 <th rowspan=#>　<td rowspan=#>　
　　rowspan所要表示的意义是指跨越的行数，例如rowspan=2就表示这一格跨越表格两个行的高度。

<html>
<head>
<title>表格TABLE</title>
</head>
</html>

<table border>
<tr><th colspan=3>值班人员 </th>
<tr><th>星期一</th>       <th>星期二</th>  <th>星期三</th>
<tr><td>李强</td><td>张明</td><td>王平</td>
</table>

<html>
<head>
<title>表格TABLE</title>
</head>
</html>

<table border>
<tr><th rowspan=2>值班人员</th>
<th>星期一</th><th>星期二</th>  <th>星期三</th></tr>
<tr><td>李强</td><td>张明</td><td>王平</td></tr>
</table>

大部分文章摘自网上，如有侵犯您的权益请与我们联系，我们会第一时间进行处理，谢谢!

[ 打印文章 ] [ 关闭窗口 ]