百虎谷互联网技术博客

关键词博客:搜索引擎探究、搜索技巧、网络技术、网站制作等!

« html中表格的使用方法html中框架、框架集的使用方法! »

html中表格的嵌套使用!-精美排版必读

上一篇讲述了如何设置单个表格的样式,现在为了制作出更加精美复杂的网站,我们需要学会表格的嵌套!

下面通过一个表格嵌套的实例进行讲解:

一个表中包含或嵌入另一个表及其它内容。VALIGN属性控制单元格的竖对齐。
<HTML>
<HEAD><TITLE>Listing 3-5</TITLE></HEAD> <BODY>
<TABLE BORDER="1" CELLPADDING="5"> <!-- 设置整个表格的属性  -->
<TR>
<TD VALIGN="top" >1</TD> <!-- 设置单元格的数值对齐方式  -->
<TD>
<TABLE BORDER="2"> <!-- 设置嵌入表格的属性  -->
<TR><TD>A</TD><TD>B</TD></TR>
<TR><TD>C</TD><TD>D</TD></TR>
</TABLE></TD>
</TR>
<TR>
<TD>
<TABLE BORDER="5"> <!--  设置第二个单元格的属性 -->
<TR>
<TD>E</TD><TD>F</TD>
</TR>
<TR>
<TD>G</TD><TD>H</TD>
</TR>
</TABLE>
</TD>
<TD VALIGN="bottom“ALIGN="right">2</TD> <!-- 设置右下角单元格的属性  -->
</TR>
</TABLE></BODY>
</HTML>

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最近发表

最新评论及回复

百虎谷(鲁ICP备08103840号)

友情提示:请输入关键词