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

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