第5讲+第五章HTML语言与网页制作（二）.pptVIP

框架标记 框架名称 初始网页 topframe pagetitle.html mainframe yrhh.htm leftframe menu.htm 框架集html-10-2.htm 演示实例：html-10-2.htm * 　　本幻灯片上有三个使用表格布局网页的样例，左上图为一1×2表格，放置一幅图片和图片的说明文字，且设置了背景图片；左下图为一2 ×4表格，第1行的第2、3列单元格已合并，用来放置类别，并设置了背景色；右图为一3 ×3表格，第一列的两行单元格已合并，用来放置说明文字，其余的四个单元格中用来放置图片。 　　正是由于表格的引入，才使得网页的制作者能够随心所欲地控制网页的外观。表格的缺点是不能动态地更新表格中的内容，对于需要动态更新网页局部区域内容的布局，要使用框架工具。 　　在使用表格进行页面布局时，我们一般去掉表格的边框线，即将边框线的粗细设置为0。 第五章 HTML语言（二） 网页布局 表格标记 框架标记 表单 设置动态字幕 表格（一）表格标记 表格标记 TABLE……/TABLE 表格声明 CAPTION……/CAPTION 表格标题 TR……/TR 表格行 TH……/TH 表格标头 TD……/TD 表格单元格 表格举例 !—html-9-1.htm--body table border=1 caption功课表/caption tr th星期一/th th星期二/th th星期三/th th星期四/th th星期五/th /tr tr td数学/td td物理/td td化学/td td英语/td td数学/td /tr . . /table /body 表格——（一）表格标记 表格属性（TABLE） border 表格边框厚度 width 表格宽度(像素和百分比两种单位) height 表格高度(像素和百分比两种单位) cellpadding 单元格边距(文字与格线的距离) cellspacing 单元格间距(表格格线厚) align 表格的摆放位置(水平) (left 、right、 center) 表格——（一）表格标记 表格属性 background 表格的背景图像 bgcolor 表格的背景色 (与background不要同用) bordercolor 表格边框颜色 rules 设定表内线的显示方式 (rows、cols、none) table border=3 width=500 cellpadding=4 cellspacing=8  align= “center“ bgcolor=“yellow” 表格——（一）表格标记 表格属性 border=0/1/5/10,cellspacing=1 border=1,cellspacing=0/1/5/10 border和cellspacing属性演示实例：html-9-2.htm cellpadding 属性演示实例：html-9-2.htm border=1,cellpadding=0/1/5/10 表格——（一）表格标记 表格属性 表格——（一）表格标记 单元格属性(TD)td……/td标记中存放表格单元格的实际内容。 width 单元格的宽度 height 单元格的高度 rowspan 合并单元格的行数 colspan 合并单元格的列数 align 单元格中文本水平对齐方式 left、right、center等 valign 单元格中文本垂直对齐方式 top、middle、bottom等 表格——（一）表格标记 单元格属性 background、b