Dreamweaver | Flash | Photoshop | Fireworks | Asp | Asp.net | Css/HTML | 矢量教程 | Access | Sql Server
网页设计视频教程

你的位置:首页>>HTML学习教程>>设定跨多行多列单元格

设定跨多行多列单元格

发表时间:2006-11-19 22:01:28浏览次数:

    要创建跨多行、多列的单元格,只需在<TH>或<TD>中加入ROWSPAN或COLSPAN属性的属性值,默认值为1。表明了表格中要跨越的行或列的个数。

   跨多列的语法: <th colspan=#> <td colspan=#>

  colspan表示跨越的列数,例如colspan=2表示这一格的宽度为两个列的宽度。

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

实例:7-5.html

<html>
<head>
<title>跨多行跨多列的单元格</title>
</head>
<body>
<center>
<table border=10 width=80% align="center" height="150" background="../../imge/b0024.gif" bordercolorlight="#9999FF" bordercolordark="#9900CC">

<TR ALIGN=center>
<TH colspan=3> 学生基本信息</TH>
<TH colspan=2>成 绩</TH>
</TR>

<TR ALIGN=center>
<TH>姓 名</TH>
<TH>性 别</TH>
<TH>专 业</TH>
<TH>课 程</TH>
<TH>分 数</TH>
</TR>

<TR ALIGN=center>
<TD>咚 咚</TD>
<TD>男</TD>
<TD rowspan=2>计算机</TD><TD rowspan=2>程序设计</TD>
<TD>68</TD>
</TR>

<TR ALIGN=center>
<TD>喃 喃</TD>
<TD>女</TD>
<TD>89</TD>
</TR>

</table>
</body>
</html>

网站建设服务 - 友情链接 - 意见建议 - 联系站长 - 论坛 - 网站导航
Copyright 2006-2007 zznj.com Inc. All Rights Reserved
Emai:skyzznj@126.com