网页页面是信息的传递,为了更好地便捷、便捷地将很多的数据信息和信息组织在一起,经常要应用报表,报表标识针对
网页设计是很重要的。如今许多网页页面全是应用多种报表来开展网页界面设计,由于报表不仅能够固定不动文字或图象的輸出,并且还能够随意地开展背景颜色和前景色的设定。
下边说下基础报表的显示信息方式:
<TABLE>...</TABLE>标识对用以创建表格。一个报表的基本元素由下列4个一部分构成:
·<TABLE>...</TABLE>界定报表区。
·<TR>... </TR>界定报表行。
·<TH>...</TH>界定题目行单元格,或<TD>...</TD>定义数组单元格。
·<CAPTION>...</CAPTION>界定报表题目。
若要建立一个基础的报表,能够应用下列HTML编码。
<TABLE>
<CAPTION>报表题目文本<CAPTION>
<TR>
<TH>题目</TH><TH>题目</TH>...<TH>题目</TH>
<TR>
<TR>
<TD>数据信息</TD><TD>数据信息</TD...<TD>数据信息</TD>
<TR>
...
</TABLE>
一般<TH>...<TH>与<CAPTION>...</CAPTION>标识是可选择的,但别的3对标识是首选的。
<CAPTION>标识放到<TABLE>...</TABLE>标识对中间,报表的行标识以前,它能够应用align特性,明确报表的题目放到报表上边還是正下方。
·align=top;题目放到报表的上边,垂直居中(初始值)。
·align-bottom:题目放到报表的正下方,垂直居中。
留意:报表间容许互相嵌套循环,但不可以交叉式嵌套循环。
【例1-1】设计方案一个3行4列的基础报表(1-1.htm ),包括报表题目(<CAPTION>)和报表题目行(<TH>),报表实际效果如图所示1-1所显示
<HTML>
<HEAD><TITLE>基础报表</TITLE></NEAD>
<BODY>
<TABLE width="80%" height="82" border="1" align="center">
<CAPTION>学生信息表</CAPTION>
<TR><TH>名字</TH><TH>性別</TH><TH》年纪</TH><TH>备注名称</TH></TR>
<TR><TD>王琳《/TD><TD>男</TD><TD>20</TD><TD>优秀团员</TD></TR>
<TR><TD>赵子龙</TD><TD>女</TD><TD>24</TD><TD>三好学生</TD></TR>
</TABLE>
</BODY>
</HTML>