滚动字幕例
滚动字幕示例代码
<html> <head> <title>滚动文字</title> </head> <body> <h1>滚动文字</h1> <marquee direction = "left" behavior = "scroll" scrollamount = "10" loop = "3" bgcolor = "yellow" width = "100%"> <p><font color = "red" size=5> 生命在于运动，奋斗不息，“滚动”不止</font></p> </marquee> </body> </html>
多媒体综合示例
浏览器界面：
置背景音乐的语法格式为：
<bgsound src = 背景音乐文件 loop = 循环次数> 例： <head> <title>背景音乐</title> </head> <body> <h1>背景音乐</h1> <bgsound src = 月亮之上.mp3 loop = 3> </body>
其他站点链接
<a href =“http://网址”>
图像式链接
<a href =“url”> <img src =“图片地址” alt = “替代值” …> </a>
邮箱链接
<a href =“mailto: E-mail 地址” > 显示的文字 </a>
网页内部链接例
如果一个页面很长，寻找相应内容比较困难，可以通过在同
语法格式为：
<embed src = “flash动画文件名” width = 宽度 height = 高度>
例：
<html> <head> <title>插入flash动画</title> </head> <body> <h1>播放flash动画</h1> <embed flower_design_shop.swf height = 200 width = 400 > </body> </html>
图像链接例
只需将<img>标签放在<a>和</a>之间，那么这个图像将成
为一个可单击的图像，并产生一个链接。 语法格式为：
<a href = “url” target = 窗口名称>
<img src = “图片url” alt = 替代文字 border = 参数值 align = 参数值 height =参数值 width = 参数值 vspace = 参数值 hspace = 参数值> </a>
绝对路径是文件的完整路径，以Web站点的根目录为基准。 例：/more/index.html
相对路径
是以引用文件的网页所在的位置为参数基础而建立的目录路径 如果当前位于joke.html页面： login.html的相对路径为 ”login.html” face.gif的相对路径为 ”images/face.gif” index.html的相对路径为 ”../index.html”
邮箱链接例
页面显示效果图：
邮箱链接例
点击“写信给新浪”链接后，效果如图：
网页中的多媒体设计
教学要求：
掌握制作多媒体网页的方法 网页插入滚动字幕 在网页中嵌入音频、视频及flash文件等多媒体文件，使网页的内容 更加丰富多彩。
滚动字幕
使用<marquee>标签实现，是一个双标签。
图像链接示例
示例代码如下：
<html> <head> <title>链接示例</title> </head> <body> <p> 你可以将一张图片作为一个链接，点击这个图片。 <a href="../asdocs/html_tutorials/humor03.html"> <img src="../images/smile.jpg" > </a> </p> </body> </html>
超链接设计例
点击“新浪网站链接”链接，就可以打开新的窗口，展现新
浪网主页。
超链接的几种设计
页内链接
建立链接：<a href = #书签名> 目录文字 … 链接目标：<a name = 书签名> 书签内容 … </a> </a>
站内链接
<a href=“xxx.html”> 显示的文字 </a> 显示的文字 </a>
….
……
……….
<h1><a name="hobby">爱好</a></h1> 我喜欢户外的活动，不太愿意呆在室内。爱到有山有水的地方玩，比如“十 渡”、“桃源仙谷”和“生存岛”这样的地方… <h1><a name="character">性格</a></h1> 自认为比较开朗，有时也会表现出内向的一面，朋友说我有…
网页中的 超链接与多媒体设计
教学基本要求
超链接是网页设计基础中必不可少的基础知识，内容不是很
多，但经常用到，所以一定要完全理解并熟练掌握。
路径的概念
超链接的建立
超链接的应用
路径的概念
在WWW上所有的文件都有自己的存放位置和路径，创建文
件间的超链接的关键是确定被链接文件的路径。在WWW上 文件路径有两种表示方法：绝对路径和相对路径。 绝对路径
超链接标签
语法
<a href = “url” target = “value” title=“…”> 显示的文字 </a> 属性href：链接的目标 属性title：鼠标指向链接时的提示文字 属性target：显示目标内容的窗口类型：
属性值 _parent _blank _self _top 描述 在上一级窗口中打开 在新窗口中打开 在当前窗口中打开 在最前端显示的窗口中打开
语法格式:
<marquee 属性列表> 要滚动的文字 </marquee>
Marquee属性介绍：
direction属性：文字滚动方向（取值：up、down、left、right） behavior属性：滚动方式（ scroll循环、slide单次、alternate调向） scrollamount属性：滚动速度 scrolldelay属性：设置滚动延迟 bgcolor属性：设置背景色。 height和width属性：设置滚动字幕的高度和宽度 hspace和vspace属性：设置滚动字幕周围的空白区域的大小 loop属性：设置滚动次数
一个网页文件中建立链接来实现。 建立页内链接：
<a href = #书签名> 目录文字 … <a name = 书签名> 书签内容 … <a href="#hobby">查看我的爱好</a><br> <a href="#character">查看我的性格</a> </a> </a>
在链接的目标处（通常我们称之为书签或锚）
插入视频
在网页中插入avi视频文件的语法格式为：
<embed src = avi视频文件的名称 width = 宽度 height = 高度 loop = 播放次数>
例：
<html> <head> <title>插入视频</title> </head> <body> <h1>播放视频</h1> <embed src = slumm.avi height = 150 width = 300 loop = 2> </body> </html>
超链接设计例
代码如下：
<html> <head> <title> 链接示例 </title> </head> <body> <p> <a href== title = “新浪网站“ target=_blank> 新浪网站链接 </a> </p> </body> </html>
多媒体综合示例
<html> <head> <title>综合示例</title> </head> <body bgcolor = #ffccff> <a href = > <marquee direction = right behavior = “scroll” scrolldelay = “150” loop = 3 bgcolor = "yellow" height = "50" width = 30% onmouseover=stop() onmouseout=start()> <font size = 10 color =“ red” > 欢迎光临我的个人网站！</font> </marquee></a> <br><p></p> <bgsound src = "Windows XP.wav" loop = "3"> <embed src = clock.avi width = 150 height = 150><br><p></p> <embed src = fj.swf height = 200 width = 200> </body> </html>
