02高级HTML运用.ppt

封面 学习目标 熟悉表格的元素和属性，掌握表格的使用 掌握框架的使用 熟练掌握表单的使用 熟悉层的属性和布局面板，掌握层的使用 熟悉HTML样式表 什么叫样式？ 从Word的格式刷说起！ 加载css样式有以下四种 外部样式 内部样式 行内样式 导入样式 外部样式 link href=layout.css rel=stylesheet type=text/css / 这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。 内部样式 style h2 { color:#f00;} /style 这种形式是内部样式表，它是以style和/style结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面。 行内样式 p style=font-size:18px;行内样式/p 这种在标签内以style标记的为行内样式，行内样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。 导入样式 @import url(/css/global.css); 链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么我们可以把全局都需要用的公共样式放到一个global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式，这样就使代码达到很好的重用性。优先级别低于外部样式。 css优先级 Id选择符优先级高于class类选择符; 后面的样式覆盖前面的; 指定的高于继承; 行内样式高于内部或外部样式; 单一的(id)高于共用的(class)，有指定的用指定的，无指定则继承离它最近的; 第3节 表 单 实例： 1）新建一个空白页面。 2）选择合适的插入点，插入表单域，并且在表单域中输入如上图所示的文字信息，如：注册信息。 3）插入3个单行文本框，名称分别是：textfield1、textfield2、textfield3。其中textfield2、textfield3的类型设置为密码，并且在每个文本框的前面输入文字：“用户名：”、“密码：”和“确认密码：”。 4）插入菜单，列表值如图6-33所示，先单击加号“+”按钮，在项目标签中输入值，单击“确定”按钮，如果删除某一项，则单击减号“—”按钮。 第3节 表 单 操作步骤： 5）插入4个复选框，名称分别是：checkbox1、checkbox 2、checkbox3和checkbox4，并且在每个复选框后输入对应的文字，如：行、列、单元格和标题。 6）插入一个名称为单选按钮组1的单选按钮组，列表选项的值是：文本框、复选框、按钮、列表和菜单。 7）插入一个名称为imageField的图像域，选择一个图像文件。 8）插入两个按钮，标签名称分别是：确定和重置。 9）保存文件，在浏览器中预览，查看效果，以便做进一步的修改。 第3节 表 单 操作步骤：(续) 6.3.4 跳转菜单 第3节 表 单 页面中的弹出式菜单。当用户选择某一菜单项会链接到指定的位置，可以是站点内的文件、其他站点的文件、电子邮箱、图像等。跳转菜单包括三部分，一是菜单选项信息，如图中的“第三节 表格的编辑”，二是被链接文件的信息，如被链接的文件是third.htm，三是跳转按钮，如标签是“GO”的按钮。 插入跳转菜单的操作方法是： 第3节 表 单 1）选择插入点。 2）选择“插入→表单对象→跳转菜单”命令，弹出“插入跳转菜单”对话框。 3）添加菜单项。在上图中，选择加号“+”命令，可以添加一个菜单项目，在文本后的空白区域可以输入菜单的提示信息，URL指的是菜单的一个项目链接的文件位置，还可以设置打开链接文件的类型，如：默认的类型是主窗口。选项之一是菜单之后是否插入前往按钮。 4）单击“确定”按钮。 5）如果对菜单的项目进行修改，则可以选择属性面板中的“列表值”按钮。 插入跳转菜单的操作方法是：（续） 第3节 表 单 第4节 层 6.4.1 创建层 6.4.2 设置层属性 6.4.3 层的基本操作 6.4.4 跳转菜单 6.4.1 创建层 第4节 层 一、使用插入菜单 6.4.1 创建层 第4节 层 二、使用插入栏 选择插入栏“常用”工具下的“描绘层” 命令 6.4.1 创建层 第4节 层 三、使用HTML标记语言 div id=Layer1 style=position:absolute; lef