第5讲超链接及多媒体_第1页
第5讲超链接及多媒体_第2页
第5讲超链接及多媒体_第3页
第5讲超链接及多媒体_第4页
第5讲超链接及多媒体_第5页
已阅读5页，还剩34页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

回顾内容:文字标记段落标记列表标记图片标记1第5讲超链接标记与多媒体标记5.1超链接标记5.2框架标记5.3多媒体标记2学习目标掌握各种超链接的设置文本超链接图像超链接框架超链接掌握各种常用多媒体标记的使用35.1超链接标记浏览者通过单击文本或图片对象，可以从一个页面跳到另一个页面，或从页面的一个位置跳到另一个位置，实现这样的功能的对象称之为超链接创建超链接的条件：必须同时存在两个端点。一个是源端点；另一个是目标端点源端点：指网页中的提供链接单击的对象， 如链接文本或链接图像目标端点：指链接跳过去的页面或位置， 如某网页、书签等41）超链接标记及常用属性属性描述href指定链接路径（必设属性）name定义书签名称target指定打开链接目标文件的窗口title设置链接提示文字

创建超链接使用的标记为<a>

超链接标记常用属性：target属性值描述_blank在新窗口中打开链接文档_self在同一个帧或窗口中打开链接文档（默认属性）_parent在上一级窗口中打开，一般在框架页中经常使用_top在浏览器的整个窗口中打开，忽略任何框架框架窗口名在指定的框架窗口中打开链接文档

链接目标窗口示例62）超链接类型根据超链接的源端点来分，超链接可分为：文本链接图像链接图像映射7文本链接文本链接是指源端点为文本文字的超链接基本语法

<ahref=“URL”>链接文字</a>8内部链接内部链接是指在同一个网站内部，不同网页之间的链接关系9外部链接外部链接是指跳转到当前网站外部，和其他网站中的页面或其他元素之间的链接关系。服务URL格式描述WWWhttp://进入万维网站E-Mailmailto:启动邮件发送系统ftpftp://进入文件传输服务器10<ahref=“mailto:邮址1？Subject=content&cc=邮址2&bcc=邮址3”>链接文字</a>参数描述Subject电子邮件主题cc抄送收件人bcc暗送收件人表5-1邮件参数启动邮件发送系统设置语法

内部和外部超链接示例12页面内部链接(书签标记)指目标端点为网页中的某个设置了称为书签标记的位置的链接创建书签链接步骤：创建书签为书签制作链接

13①建立书签基本语法

<aname=“书签名”>[文字/图片]</a>语法解释

[文字/图片]中的“[]”表示文字或图片可有可无，书签将在光标处建立一个名为“name”属性值所规定的书签。14②建立书签链接基本语法链接到同一页面中的书签：

<ahref=“#书签名”>链接文字</a>链接到其他页面中的书签:

<ahref=“file_name#书签名”>链接文字</a>语法解释

“书签名”是已定义的书签名，“file_name”是要跳转到的页面路径。书签链接示例15文件下载链接要创建文件下载，只要在链接地址处输入文件路径即可，当用户单击链接后，浏览器会自动判断文件类型，以做出不同情况的处理，如直接打开，或弹出下载对话框供下载16基本语法

<ahref=“File_URL”>链接文字</a>文件下载示例<body><p><ahref="takemetoyourheart.mp3">takemetoyourheart.mp3</a></p><p><ahref="clock.avi">clock.avi</a></p><body>17图像链接图像链接是指源端点为图像文件的超链接基本语法

<ahref=“URL”><imgsrc=“filename_img”

…></a>注：默认情况下，图像链接会显示蓝色边框线，如果不想显示边框，应设置图像的border=018图像链接示例<body><ahref="dreamweaver.htm"target="_blank"><imgsrc="images/cover.gif"border="0"></a></body>19框架的作用，就是把浏览器窗口划分成若干个区域，每个区域可以分别显示不同的网页。注意：使用框架结构时，HTML文档中不能出现<body>标记对，此时<body>需要由<frameset>代替5.2框架结构20框架集标记<frameset>：主要是定义浏览器窗口的分割方式、各分割窗口（框架）的大小以及格式化框架边框框架标记<frame>：定义各分割窗口中显示的内容，并能对各分割窗口进行格式化1）框架结构组成标记212）框架集标记<frameset>属性

属性值描述bordercolor…以RGB颜色值或颜色英文名设置所有框架边框颜色frameborder0/no所有框架都不显示边框1/yes所有框架都显示边框，默认为1framespacingn设置框架之间的间距rowsn1,n2…使窗口按行的方式分割(上下分割)colsn1,n2…使窗口按列的方式分割(左右分割)表6-1<frameset>常用属性22框架分割窗口方式用cols将窗口左右（水平）分割

<framesetcols=“n1,n2,……,*”>用rows将窗口上下（垂直）分割

<framesetcols=“n1,n2,……,*>嵌套分割：浏览器窗口既存在左右分割，又存在上下分割

<framesetcols="20%,*"><frame><frame></frameset>左右分割示例24<framesetrows="20%,*"><frame><frame></frameset>上下分割示例25<framesetcols="20%,55%,*"><framesetrows="100,*"><frame><frame></frameset><frame><frame></frameset>嵌套分割示例263)框架标记<frame>基本语法

<framesetcols=“value,value,……”>

<framesrc=“url”name=“frame_name”><framesrc=“url”name=“frame_name”>

…….</frameset>语法解释

src属性用于设置在框架窗口中显示的内容来自的文件；name属性用于标记框架名称，以便于其他对象对它的引用，如作为链接的一个目标窗口

<framesetcols="20%,*"><framesrc="frame_menu.html"name="left"><framesrc="p.htm"name="right"></frameset>frame_menu.html超链接代码如下:<body><p><ahref="p.htm"target="right">Photoshop</a></p><p><ahref="f.htm"target="right">Freehand</a></p><p><ahref="i.htm"target="right">Illustrator</a></p><p><ahref="c.htm"target="right">CorelDraw</a></p></body>普通框架与链接示例leftright285)浮动框架<iframe>浮动框架是一种特殊的框架页面，其作为HTML文档的一部分，就象图像一样出现在HTML文档中。浮动框架允许将一个HTML文档插入到另一个HTML文档内部的某个区域。基本语法

<iframesrc=“file_URL”height=“value”width=“value”name=“iframe_name”align=“left|center|right”>浮动框架与链接示例305.3多媒体标记为增强网页的功能以及动感，现在的网页一般都会加入诸如声音、动画、视频等多媒体内容。示例常用多媒体标记：类型描述marquee设置文字在页面中的滚动效果embed在页面中嵌入MP3、视频等多媒体内容bgsound设置页面的背景音乐1)滚动文字设置基本语法

<marquee>滚动文字</marquee>marquee常用属性:属性

属性值描述directionup设置文字向上滚动down设置文字向下滚动left设置文字向左滚动(默认方向）right设置文字向右滚动behaviorscroll设置文字循环往复滚动（默认状态）slide设置文字只进行一次滚动alternate设置文字交替进行滚动width,height某个数值n设置文字滚动的区域bgcolor某种颜色设置文字滚动区域的背景颜色

滚动文字标记示例332)嵌入多媒体内容在网页中可以使用<embed>标记嵌入MP3、电影等多媒体内容基本语法

<embedsrc=“file_url”></embed>embed标记常用属性：属性

属性值描述alignleft|right|center|absbottom|absmiddle|baseline|bottom|texttop|top设置嵌入式对象在文档中相对周围内容的位置height某个数值n以像素为单位定义嵌入式对象的高度width某个数值n以像素为单位定义嵌入式对象的宽度srcURL指定嵌入式对象的文件路径autostarttrue|false设置嵌入式对象何时打开（即是网页被打开时打开还是在播放按钮被点击后才打开looptrue|false设置嵌入式对象的播放是否循环不断name…标识对象，以便于其他对象对它的引用<param>定义附加参数hidden设置嵌入对象的控制框的可视性3)设置背景音乐访问者访问页面时自动播放背景音乐基本语法

<bgsoundsrc=“file_url”>bgsound标记常用属性：属性

属性值描述srcURL背景音乐文件路径loopn|infinite取具体的某个数值以循环播放一定的次数后停止播放，或取值为infinite时循环不断的播放，默认情况下，只播放一次

多媒体标记综合示例36小结创建超链接必须具备的条件是同时存在源端点和目标端点在创始超链接时经常涉及的路径有两种：绝对路径、文件相对路径通常外部链接需要使用绝对路径，内部链接一般使用文件相对路径超链接必设的一个属性是href通过target属性，可使用目标端点在不同的窗口打开37根据

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论