1、第五章,HTML语言（二）,网页布局 表格标记 框架标记 表单 设置动态字幕,表格 （一）表格标记,表格标记 表格声明 表格标题 表格行 表格标头 表格单元格,表格举例, 功课表星期一 星期二 星期三 星期四 星期五数学 物理 化学英语 数学.,表格（一）表格标记,表格属性（） border 表格边框厚度 width 表格宽度(像素和百分比两种单位) height 表格高度(像素和百分比两种单位) cellpadding 单元格边距(文字与格线的距离) cellspacing 单元格间距(表格格线厚) align 表格的摆放位置(水平) (left 、right、 center),表格（一）表
2、格标记 表格属性,background 表格的背景图像 bgcolor 表格的背景色 (与background不要同用) bordercolor 表格边框颜色 rules 设定表内线的显示方式 (rows、cols、none),表格（一）表格标记 表格属性,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,表格（一）表格标记
3、 表格属性,表格（一）表格标记,单元格属性() 标记中存放表格单元格的实际内容。 width 单元格的宽度 height 单元格的高度 rowspan 合并单元格的行数 colspan 合并单元格的列数 align 单元格中文本水平对齐方式 left、right、center等 valign 单元格中文本垂直对齐方式 top、middle、bottom等,表格（一）表格标记 单元格属性,background、bgcolor、bordercolor、bordercolordark、bordercolorlight,表格（一）表格标记 单元格属性,align和 valign属性 演示实例：html
4、-9-3.htm,rowspan和colspan属性合并单元格 演示实例：html-9-4-1.htm,145678911,rowspan和colspan属性合并单元格 演示实例：html-9-4-2.htm,1456781112,表格（一）表格标记,使用背景图像,parch.jpg,表格 (二)利用表格布局网页,表格（二）利用表格布局网页,表格（二）利用表格布局网页,表格布局举例 利用单元格的合并与拆分 ，创建不规则的表格 单元格的不同填充色、边框线颜色分割区域 设置单元格属性，单元格内对象的排版方式,设置表格属性，整个表格的排版方式,表格（二）利用表格布局网页,表格（二）利用表格布局网页,
5、演示实例：html-9-6.htm,陶艺的述说,框架标记,框架布局 框架是一种将浏览器窗口划分为功能独立的多个区域的常用方法。 框架集定义每个框架的大小、位置、名称和初始网页，普通网页提供每个框架的内容。 框架集是一种特殊网页，定义整体框架布局，不提供实际内容。 一个框架的超链接可以更改显示在另一个框架中的网页。,框架标记,建立框架集 框架集结构：框架集网页,框架标记建立框架集,标记 属性 row 设定横向分割的框架数目 (有几个数字就划分几窗口) cols 设定纵向分割的框架数目 border 设定边框的宽度 bordercolor 设定边框的颜色 frameborder 设定有/无边框，Y
6、ES | NO framespacing 设置窗口间的空白 是成对标记,框架标记建立框架集,标记 属性 src 该框架对应的原文件 (可以是.jpg等)name 指定框架名(以字母开头) marginwidth 设置框架内容与左右边框的距离 (单位是像素) marginheight 设置框架内容与上下边框的距离 scrolling 设置是否加入滚动条 (YES | NO |AUTO)noresize 设置不允许改变窗口大小(默认允许) border、bordercolor、frameborder 是单一标记,框架标记建立框架集, 标记 包含在其间的内容是给不能使用框架的浏览器用户浏览的 ，能使
7、用的用户看不到。 是成对标记,框架标记,框架之间的超链接 target 属性(可以出现在多个标记中 ) 指定超链接目的网页出现在哪个框架中的方法： 写在标记中,框架标记框架之间的超链接, 目录1目录2 ,框架标记框架之间的超链接,写在标记中 (当同一个HTML文档中有多个链接，链接的内容又想在同一个窗口中显示,则可用的target属性), 目录1目录2 ,框架标记,演示实例：html-10-2.htm,表单,表单 表单 是用于实现网页浏览器与服务器之间信息交互的一种页面元素。 常用的表单类型有： 文本框、口令框、单选按钮、复选框、文件选择框（浏览） 、按钮、下拉列表框、多行文本框等用户界面控件
8、。 表单中必须有一个元素作为“提交”按钮。,表单,表单标记 表单格式 表单开始标记 设置单行文本输入框、口令框 、单选按钮、复选框、文件选 择框、按钮等 设置下拉菜单 列出用户可选的项目 设置多行文本框 ,表单表单标记,之间可以使用除以外的任何HTML标记 标记的属性 action=“url” 写明这个表单提交后需要执行 的驻留在Web服务器上的程序 名（包括路径） method 说明发送给服务器时使用的方式 POST：允许传送大量资料 GET ：只接受低于1K的资料,表单表单标记,标记的属性 rows 说明多行文本框的行数 cols 说明多行文本框的列数 name,表单表单标记,标记的属性
9、type 说明信息的类型 TEXT：单行文本框 PASSWORD：密码文本框(显示*) RADIO：单选按钮 CHECKBOX：复选框 FILE：调出选择文件的窗口 SUBMIT：传送按钮 RESET：重置按钮,表单表单标记 标记的属性,type IMAGE：图片按钮 (取代submit、reset按钮，漂亮)BUTTOM：一般按钮 (常配合Java Scrip 作为其启动按钮)HIDDEN：产生一个不显示的窗口,name 输入信息的名字 value 输入信息的默认值 size 如type=“text”时表示窗口的大小 maxlength 如type=“text”时表示输入信息能够 接受的最大
10、字符数 checked 指明某个选项是默认预选的 (type=checkbox | radio),表单表单标记 标记的属性,表单表单标记,标记的属性 multiple 指明菜单中可列出多个选项 size 其后的数字指明在菜单中显示 的项数 name 标记的属性 selected 说明此项被选中,表单,演示实例： html-11-1.htm,设置动态字幕,动态字幕标记 属性 align 设置字幕文字的垂直对齐方式 top | middle | bottom loop 循环次数i； -1/infinite为无限循环 behavior scroll设置文字单项移动 slide设置文字到达边界停止 alternate设置文字到达边界后反向移动 scrollamount 字母移动速度 scrolldelay 移动每步的延时 direction left | right； up | down bgcolor、width、height、hsapce、vspace 演示实例：html-12.htm,
