网页制作教程 教学课件 作者 赵丰年 1_ 第4章.ppt

《网页制作教程 教学课件 作者 赵丰年 1_ 第4章.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第4章表格与框架4.1创建表格4.2表格的属性设置4.3使用表格设计网页布局4.4创建框架4.5控制框架的显示效果4.6使用框架设计网页布局4.1创建表格4.1.1表格的基本构成以下实例显示了如何在HTML中生成一个表格，效果如图4-1所示。图4-1表格示例

课程表

星期一星期二星期三星期四星期五第1大节数

2、学英语数学英语哲学第2大节物理计算机计算机计算机第3大节计算机英语计算机4.1.2合并单元格4.1.3构造表格的步骤4.2表格的属性设置4.2.1边框与分隔线4.2.1.1frame属性4.2.1.2rules属性4.2.1.3border属性以下两条语句的含义相同：以下HTML代码

3、显示了表格设置边框和分隔线时的显示效果，如图4-3所示。

我的日程表

星期一星期二星期三星期四星期五MUDNBA2001联众军棋联众军棋笑傲江湖DiabloIIDiabloI

4、I联众军棋升级MUDMUD睡觉学习打篮球打篮球图4-3表格边框和分隔线的显示效果4.2.2控制单元格空白以下示例显示了这两个属性如何影响单元格内和单元格间的空白，效果如图4-4所示。表格1大话西游大内密探008少林足球鹿

5、鼎记喜剧之王九品芝麻官逃学威龙食神百变金刚

表格2大话西游大内密探008少林足球鹿鼎记喜剧之王九品芝麻官逃学威龙食神百变金刚图4-4单元格空白示例4.2.3表格的对齐4.2.3.1表格的页面对齐4.2.3.2表格内容的水平对齐图4-5表格数据的水平对齐以下HTML代码显

6、示了单元格内容水平对齐的效果，如图4-5所示。

表格数据的水平对齐

本行数据右对齐右右左本行数据为默认左对齐左中中本行数据居中对齐4.2.3.3表格内容的垂直对齐图4-6表格数据的垂直对齐以下HTML代码显示了单元格内容

7、垂直对齐的效果，如图4-6所示。

表格数据的垂直对齐

野蛮人barbarian女