超链接多媒体及表格

第4讲 超链接、多媒体及表格
•4.1 多媒体标记 •4.2 框架结构 •4.3 超链接标记 •4.4 表格标记
学习目标
• 掌握各种常用多媒体标记的使用 • 理解框架的作用 • 掌握框架标记的使用 • 理解不支持框架标记的应用 • 掌握浮动框架的使用 • 掌握使用框架作为超链接目标的设置 • 掌握创建表格以及格式化表格 • 掌握使用嵌套表格布局网页 • 掌握各种超链接的设置
是要跳转到的页面路径。
• 书签链接示例
脚本链接
• 在链接语句中，可以通过脚本来实现语言
完成不了的功能。
• 基本语法 • <a “:…”>链接内容<> • 语法解释 • 在:后面编写的就是具体的脚本
文件下载链接
• 要创建文件下载，只要在链接地址
处输入文件路径即可，当用户单击 链接后，浏览器会自动判断文件类 型，以做出不同情况的处理，如直 接打开，或弹出下载对话框供下载
根据页面的长度自动判断是否显示滚动条，默认自动
设置框架能否改变大小
n
以像素为单位，设置框架边框与页面内容的左右页边
距
n
以像素为单位，设置框架边框与页面内容的上下页边
距
…
以颜色值或颜色英文名设置框架边框颜色
框架综合示例
4)不支持框架标记<>
• 一些早期版本的浏览器不支持框架。制作
人员无法改变这一现象，所能做的只是显 示该浏览器不支持框架技术，有些内容无 法看到。这一任务可由<>标记来完成，当 浏览器不能加载框架集文件时，会检索到 <>标记，并显示标记中的内容
现<>标记对，此时<>需要由<>代替
1） 框架结构组成标记
• 框架集标记<>：主要是定义浏览
器窗口的分割方式、各分割窗口 （框架）的大小以及格式化框架边 框
• 框架标记<>：定义各分割窗口中
显示的内容，并能对各分割窗口进 行格式化
2）框架集标记<>
表5-1 <>常用属性
属性
属性值
描述
…
以颜色值或颜色英文名设置所有框架边框颜色
•
•基本语法 • <> • <> • <> • ……. • <> • <>
放在<>标记对之间的部分就是 在不支持框架的浏览器中显示的内
容
5) 浮动框架<>
• 浮动框架是一种特殊的框架页面，其作为文档的
一部分，就象图像一样出现在文档中。浮动框架
属允许性将一个属性文值档设插置浮入动到框架另中一显示个描页文面档源述文内件部的路的径某个区
<>
嵌套分割
• 基本语法
• < “,……”>
• <>
• < “,…”>
•
<>
•
<>
•
……
嵌套分割示例
< "20%,55%,*"> < "100,*"> <> <> <> <> <>
<>
<>对框架边框的格式化
• <>标记对框架边框的格式化通过设
置””、””和””等属性来实现
3) 框架标记<>
• 基本语法 • < “,……”> • < “” “”> • < “” “”> • ……. • <> • 语法解释 • 属性用于设置在框架窗口中显示的内容
4.1 多媒体标记
• 为增强网页的功能以及动感，现在的网页一般都
会加入诸如声音、动画、视频等多媒体内容。
• 常用多媒体标记：
类型
描述 设置文字在页面中的滚动效果
在页面中嵌入3、视频等多媒体内容 在页面中插入 小程序 设置页面的背景音乐 在页面中嵌入动画
1) 滚动文字设置
• 基本语法
•属 <性 >滚动属性文值字<>
[文字/图片1能]）使中书用的签字名“母不[和]支数”持字表中示文，文只
字或图片可有可2）无书，签名书区签分将英在文字光母标大
处建立一个名为小写“”属性值所规定
的书签。 3）书签名间不能含有空格，
也不能含有特殊字符
②建立书签链接
• 基本语法 • 链接到同一页面中的书签： • <a “#书签名”>链接文字<> • 链接到其他页面中的书签: • <a “书签名”>链接文字<> • 语法解释 • “书签名”是已定义的书签名，“”
某个数值n 设置文字在每一次滚动后，延迟一段时间后再进 行下一次滚动，单位为毫秒，值越小越快
某个数值n 某个数值n 某种颜色
设置文字滚动的循环次数,取值为-1表示循环不断 设置文字滚动的区域 设置文字滚动区域的背景颜色
1) 滚动文字设置
• 默认情况下，滚动文字从右向左滚动示例：
• 使用<>标记的属性可以修改滚动字幕的滚动方向。
0 1 n n12…
n12…
所有框架都不显示边框 所有框架都显示边框，默认为1 设置框架之间的间距 使窗口按行的方式分割(上下分割)
使窗口按列的方式分割(左右分割)
框架分割窗口方式
• 左右（水平）分割 • 上下（垂直）分割 • 嵌套分割：浏览器窗口既存在左右分割，
又存在上下分割
•
• 基本语法
左右分割
• 标记常某用个数属值n性：
… <>
以像素为单位定义嵌入式对象的高度 以像素为单位定义嵌入式对象的宽度 指定嵌入式对象的文件路径 设置嵌入式对象何时打开（即是网页被打 开时打开还是在播放按钮被点击后才打开 设置嵌入式对象的播放是否循环不断 标识对象，以便于其他对象对它的引用 定义附加参数 设置嵌入对象的控制框的可视性
描述 电子邮件主题 抄送收件人 暗送收件人
内部和外部超链接示例
书签链接
• 书签链接：指目标端点为网页中的
某个设置了称为书签标记的位置的 链接
• 创建书签链接步骤： • 创建书签 • 为书签制作链接 •
①建立书签
• 基本语法
• <a “书签名”>[文字/图片]<>
• 语法解释 书签名设置规范：
•
其他网站中的页面或其他元素之间的链 接关系。
• 基本语法 • <a “”>链接文字/图片<> • 语法解释 • 通过“”属性指定目标端点； “”为
要链接文件的路径，一般情况下，该路 径需要使用绝对路径；提供给鼠标单击
启动邮件发送系统设置语法
<a “:邮址1？邮址2 邮址3”>链接文字<>
参数
表4-1 邮件参数
<>
超链接代码如下: <> <p><a " """> <><> <p><a "" ""> <><> <p><a "" ""> <><> <p><a "" ""> <><> <>
浮动框架与链接示例
4.2 超链接标记
• 浏览者通过单击文本或图片对象，可以从
一个页面跳到另一个页面，或从页面的一 个位置跳到另一个位置，实现这样的功能 的对象称之为超链接
• 创建超链接的条件：必须同时存在两个端
点。一个是源端点；另一个是目标端点
• 源端点：指网页中的提供链接单击的对象，
如链接文本或链接图像
• 目标端点：指链接跳过去的页面或位置，
如某网页、书签等
1）超链接标记及常用属性
• 创建超链接使用的标记为<a> • 超链接标记常用属性：
属性
属性 值
描述
在描新窗口述中打开链接文档
• < “,……”>
• <>
• <>
• …….
• <>
• 语法解释
• 属性决定了窗口的分割方式为左右分割；
左右分割示例
< "20%,*"> <> <>
<>
• 基本语法
上下分割
• < “,……”>
• <>
• <>
• …….
• <>
• 语法解释
• 属性决定了窗口的分割方式为上下分割；
上下分割示例
< "20%,*"> <> <>
内部链接
• 内部链接是指在同一个网站内部，不同
网页之间的链接关系
• 基本语法 • <a “”>链接文字/图片<> • 语法解释 • 通过“”属性指定目标端点； “”为
要链接文件的路径，一般使用相对路径； 提供给鼠标单击的内容，即源端点，既 可以使用“文字”，也可以使用“图片”
外部链接
• 外部链接是指跳转到当前网站外部，和
因为该标记允许开发者为插入到页面中的 对象指定数据和参数
• 基本语法： • < "“ “" “" “"> • < "" “"> • < "" ""> • < “" "" "" "" “" “"><> • <>
嵌入动画示例
5）嵌入
• 是用 开发的一种小程序，不能独立运
行，必须嵌入到文件，并通过支持的浏 览器运行。
指定链接路径在文（同档必一（个默设帧认属或属窗 性性口 ））中打开链接
定义书签名称在上一级窗口中打开，一般在
框架页中经常使用
指定打开链接在目浏标览器文的件整个的窗窗口中口打开，
忽略任何框架
设框置架链窗口接名提示在文指字定的框架窗口中打开链接
文档
嵌入 示例
链接目标窗口示例
2）链接路径设置
• 绝对路径: 指链文接件路的径完示整例路：径 • 文件相对路径：指相对于当前文件的路径
• 默认情况下，字幕滚动区域与周围对象的间
距为0，使用标记的和属性可以分别设置滚动 区域与周围对象的水平间距和垂直间距。示 例：
滚动文字标记示例
2) 嵌入多媒体内容
• 在网页中可以使用<>标记嵌入3、电影等
属多性媒体内容属性值
描述
• 基本语法
设置嵌入式对象在文档中相对周围内容的 位置
• < “” ><> 某个数值n
3) 设置背景音乐
• 访问者访问页面时自动播放背景音乐
• 基本语法
• < “” >
• 标记常用属性：
属 性 属性值
描述
背景音乐文件路径
取具体的某个数值以循环播放一定的次数 后停止播放，或取值为时循环不断的播放， 默认情况下，只播放一次
多媒体标记综合示例
4)嵌入动画
• 在网页中嵌入动画，通常会使用<>标记，
• 在网页中嵌入的是的类文件 • 嵌入 时，必须指定显示的区域大小
• 基本语法 • < “” “…” “…” > • <> • 语法解释 • 表示所嵌入的类文件，、属性
用于设置文件显示区域
4.2 框架结构
• 框架的作用，就是把浏览器窗口划分成
若干个区域，每个区域可以分别显示不 同的网页。
• 注意：使用框架结构时，文档中不能出
• 文件相对路径有以下几种：
相对链接路径设置：
同一目录，只需输 入要链接文档的名 称
①两文件在同一目录下
②链接文件在当前文件的下一 级目录
③链接文件在当前文件的上一 级目录
下一级目录， 需 在链接文件名前添 加“下一级目录名 /”
上一级目录，需在 链接文件名前添加 “”
3）超链接类型
• 根据超链接的目标端点来分，超链接可分为： • 内部链接 • 外部链接 • 书签链接 • 脚本链接 • 文件下载链接 • 根据超链接的源端点来分，超链接可分为： • 文本链接 • 图像链接 • 图像映射
文字从下往上循环滚动示例：
• 默认情况下，滚动字幕循环地以一个方向向另外一
个方向的滚动，使用<>标记的属性可以修改滚动字 幕的滚动方式。文字从右往左循环往反交替滚动示 例：
• 字幕的滚动速度通过一个常量来表示，常量值越大，
速度越快。在每次滚动结束后可以延迟一定的时间 进行下一次滚动。滚动速度和滚动延迟特性可以分 别通过属性和进行设置示例：
1) 滚动文字设置
• 默认情况下，字幕将在一个与浏览器窗口等
宽的白色背景颜色的区域中进行滚动，该区 域的高度跟滚动方式有关。如果上下之间的 滚动，默认高度是200个像素；如果左右滚动， 高度则大致是滚动对象的方向。通过标记的 属性和可以改变滚动区域的大小，修改滚动 区域的背景颜色使用属性。设置字幕滚动区 域与背景颜色示例：
来自的文件；属性用于标记框架名称，以 便于其他对象对它的引用，如作为链接的
<>标记基本设置示例
< "20%,*"> < “” “”> < “” “”>
<>
•<>常用属性
属性
属性值
描述
设置在框架中显示的文件的路径
…
设置 名称，以便于其它对象对它的引用
0
不显示边框
1
显示边框，默认为1
显示滚动条
不显示滚动条
描述
设置文字向上滚动
• 语法说明：处设在置<文字>向和下滚<动>之间的文字将以
一定的速度从右设向置左文字移向左动滚，动(默当认将方向滚）动文字换 设置文字向右滚动
成图片时，将获设得置图文字片循环的往滚复滚动动（效默果认状。态）
• 常用属性:
设置文字只进行一次滚动 设置文字交替进行滚动
某个数值n 设置文字滚动速度，值越大越快
n
浮动框架边框与页内容上下间距，与普通框架同
n
浮动框架边框与页内容左右间距，与普通框架同
浮动框架示例
6)框架与链接
• 框架的一个重要目的是在不同的框架中
显示不同的页面，通过链接目标窗口的 设置可以很容易实现这一目的
• 具体实现方法：将框架的框架名属性值
作为超链接的的属性值
普通框架与链接示例
< "20%,*"> < "" ""> < "" "">
域。 n
பைடு நூலகம்设置浮动框的宽度
• 基本语法n
设置浮动框的高度
•
< “…” “”设置“浮”动框“的名”称，“以”便于>其他对象引用它
• 常用属性…:
设置浮动框相对于浏览器窗口的对齐方式
…
设置浮动框架边框显示状态，与普通框架同
…
设置浮动框架滚动条显示属性，与普通框架同