第5讲第五章HTML语言与网页谱鳎ǘppt.ppt

第五章 HTML语言（二） 网页布局 表格标记 框架标记 表单 设置动态字幕 表格（一）表格标记 表格标记 TABLE……/TABLE 表格声明 CAPTION……/CAPTION 表格标题 TR……/TR 表格行 TH……/TH 表格标头 TD……/TD 表格单元格 表格举例 表格——（一）表格标记 表格属性（TABLE） border 表格边框厚度 width 表格宽度(像素和百分比两种单位) height 表格高度(像素和百分比两种单位) cellpadding 单元格边距(文字与格线的距离) cellspacing 单元格间距(表格格线厚) align 表格的摆放位置(水平) (left 、right、 center) 表格——（一）表格标记 表格属性 background 表格的背景图像 bgcolor 表格的背景色 (与background不要同用) bordercolor 表格边框颜色 rules 设定表内线的显示方式 (rows、cols、none) 表格——（一）表格标记 表格属性 表格——（一）表格标记 单元格属性(TD)td……/td标记中存放表格单元格的实际内容。 width 单元格的宽度 height 单元格的高度 rowspan 合并单元格的行数 colspan 合并单元格的列数 align 单元格中文本水平对齐方式 left、right、center等 valign 单元格中文本垂直对齐方式 top、middle、bottom等 表格——（一）表格标记 单元格属性 background、bgcolor、bordercolor、bordercolordark、bordercolorlight 表格——（一）表格标记 单元格属性 rowspan和colspan属性——合并单元格演示实例：html-9-4-1.htm rowspan和colspan属性——合并单元格演示实例：html-9-4-2.htm 表格——（一）表格标记 使用背景图像 表格(二)利用表格布局网页 表格——（二）利用表格布局网页 表格——（二）利用表格布局网页 表格布局举例 利用单元格的合并与拆分 ，创建不规则的表格 单元格的不同填充色、边框线颜色分割区域 设置单元格属性，单元格内对象的排版方式 表格——（二）利用表格布局网页 演示实例：html-9-6.htm 框架标记 框架布局 框架是一种将浏览器窗口划分为功能独立的多个区域的常用方法。 框架集定义每个框架的大小、位置、名称和初始网页，普通网页提供每个框架的内容。 框架集是一种特殊网页，定义整体框架布局，不提供实际内容。 一个框架的超链接可以更改显示在另一个框架中的网页。 框架标记 建立框架集 框架集结构： HTML HEADTITLE框架集网页/TITLE/HEAD FRAMESET FRAME FRAME /FRAMESET NOFRAMES /NOFRAMES /HTML 框架标记——建立框架集 FRAMESET标记 属性row 设定横向分割的框架数目 (有几个数字就划分几窗口)cols 设定纵向分割的框架数目border 设定边框的宽度bordercolor 设定边框的颜色frameborder 设定有/无边框，YES | NOframespacing 设置窗口间的空白 是成对标记 框架标记——建立框架集 F