第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设置文字单项移动slide