HTML表格布局基础：创建与应用

在ACCp5.0的HTML教程中，本章节主要讲解如何利用表格进行网页布局。首先，了解表格在网页设计中的重要作用，如在论坛、门户网站和购物网站中的广泛应用，它们可以方便地组织和展示信息，比如论坛中的帖子列表、网站的产品分类等。表格由行（<TR>）和列（<TD>）组成，每个单元格(<TD>)可以包含文本或图像。 HTML中的表格基本结构使用<TABLE>标签开始和结束，其内部包含了<TR>（table row，定义表格的一行）和<TD>（table data，定义表格的一个单元格）。表格边框的宽度可以通过border属性设置。例如，创建一个简单的2列3行表格的语法如下： ```html <TABLE border="2"> <TR> <TD>移动</TD> <TD>联通</TD> <TD>铁通</TD> </TR> <TR> <TD>IBM</TD> <TD>惠普</TD> <TD>华硕</TD> </TR> </TABLE> ``` 跨行和跨列是通过TD标签的colspan和rowspan属性实现的。colspan属性用于指定单元格跨越的列数，如`<TD colspan="3">学生成绩表</TD>`表示单元格跨越3列；而rowspan属性用于指定单元格跨越的行数。一个跨多行的例子： ```html <TABLE border="2"> <TR> <TD rowspan="2">学生成绩表</TD> <TD>英语</TD> <TD>数学</TD> </TR> <TR> <TD>95</TD> <TD>98</TD> </TR> <TR> <TD>语文</TD> <TD>89</TD> </TR> </TABLE> ``` 预习检查部分要求学员掌握表格的创建方法，以及如何使用colspan和rowspan属性进行跨行跨列操作。本章的任务包括制作“宝贝分类”和“公告栏”页面，运用表格实现简单布局，并进行美化修饰。 通过学习，学生应该理解为何选择表格进行布局，何时适合使用表格，以及如何灵活运用表格结构、属性和样式来满足不同场景的需求。掌握这些基础知识后，他们能够创建出功能性和美观的网页布局，提高网页设计和开发能力。