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

80酷酷网    80kuku.com

  教程要创建跨多行、多列的表元,只需在<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>


分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: