在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属性进行跨行跨列操作。本章的任务包括制作“宝贝分类”和“公告栏”页面,运用表格实现简单布局,并进行美化修饰。
通过学习,学生应该理解为何选择表格进行布局,何时适合使用表格,以及如何灵活运用表格结构、属性和样式来满足不同场景的需求。掌握这些基础知识后,他们能够创建出功能性和美观的网页布局,提高网页设计和开发能力。