第4讲超链接、多媒体及表格标记.pptVIP

基本语法 frameset frame frame ……. noframes body …… /body /noframes /frameset 放在noframes标记对之间的部分就是在不支持框架的浏览器中显示的内容 5) 浮动框架iframe 浮动框架是一种特殊的框架页面，其作为HTML文档的一部分，就象图像一样出现在HTML文档中。浮动框架允许将一个HTML文档插入到另一个HTML文档内部的某个区域。 基本语法 iframe src=“file_URL” height=“value” width=“value” name=“iframe_name” align=“left|center|right” 常用属性: 属 性 属性值 描 述 src URL 设置浮动框架中显示页面源文件的路径 width n 设置浮动框的宽度 height n 设置浮动框的高度 name … 设置浮动框的名称，以便于其他对象引用它 align … 设置浮动框相对于浏览器窗口的对齐方式 frameborder … 设置浮动框架边框显示状态，与普通框架同 scrolling … 设置浮动框架滚动条显示属性，与普通框架同 noresize 设置浮动框架尺寸调整属性，与普通框架同 bordercolor … 设置浮动框架边框颜色，与普通框架同 marginheight n 浮动框架边框与页内容上下间距，与普通框架同 marginwidth n 浮动框架边框与页内容左右间距，与普通框架同 浮动框架示例 框架的一个重要目的是在不同的框架中显示不同的页面，通过链接目标窗口的设置可以很容易实现这一目的 具体实现方法：将框架的框架名属性值作为超链接的target的属性值 6)框架与链接 frameset cols=20%,* frame src=frame_menu.html name=left frame src=p.htm name=right /frameset frame_menu.html超链接代码如下: body pa href=p.htm target=right Photoshop/a/p pa href=f.htm target=right Freehand/a/p pa href=i.htm target=right Illustrator/a/p pa href=c.htm target=right CorelDraw/a/p /body 普通框架与链接示例 浮动框架与链接示例 浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称之为超链接 创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点 源端点：指网页中的提供链接单击的对象， 如链接文本或链接图像 目标端点：指链接跳过去的页面或位置， 如某网页、书签等 4.2 超链接标记 1）超链接标记及常用属性 属 性 描 述 href 指定链接路径（必设属性） name 定义书签名称 target 指定打开链接目标文件的窗口 title 设置链接提示文字 创建超链接使用的标记为a 超链接标记常用属性： target属性 值 描 述 _blank 在新窗口中打开链接文档 _self 在同一个帧或窗口中打开链接文档（默认属性） _parent 在上一级窗口中打开，一般在框架页中经常使用 _top 在浏览器的整个窗口中打开，忽略任何框架 框架窗口名 在指定的框架窗口中打开链接文档 嵌入java applet示例 链接目标窗口示例 2）链接路径设置 绝对路径: 指文件的完整路径 文件相对路径：指相对于当前文件的路径 文件相对路径有以下几种： ①两文件在同一目录下 ②链接文件在当前文件的下一级目录 ③链接文件在当前文件的上一级目录 相对链接路径设置： 同一目录，只需输入要链接文档的名称 下一级目录， 需在链接文件名前添加“下一级目录名/” 上一级目录，需在链接文件名前添加“../” 链接路径示例： 根据超链接的目标端点来分，超链接可分为： 内部链接 外部链接 书签链接 脚本链接 文件下载链接 根据超链接的源端点来分，超链接可分为： 文本链接 图像链接 图像映射 3）超链接类型 内部链接 内部链接是指在同一个网站内部，不同网页之间的链接关系 基本语法 a href=“file_name”链接文字/图片/a 语法解释 通过“href”属性指定目标端点； “file_name”为要链接文件的路径，一般使用相对路径；提供给鼠标