精华区 [关闭][返回]

当前位置:网易精华区>>讨论区精华>>网络专区>>● 网站建设>>盖世神功 — 网站建设技术>>HTML — 做好一个网页不能没有的基础>>HTML教程>>HTML 的图像、声音、视像和动画

主题:HTML 的图像、声音、视像和动画
发信人: boogeyman()
整理人: microant(1999-08-02 12:13:18), 站内信件
7.1.5 图像、声音、视像和动画
HTML文档的另一个重要特性就是能把多种媒体的信息综合在一起,使显示的信息
更加
多姿多彩。
1.图像
HTML支持内嵌式的图像显示,一幅图在HTML文档中就如同一个单词,与其它单词

起在一个段落中如流水般的依次排列。HTML的图标记是一个单标记,它的格式为

<IMG SRC="URL信息">
其中属性SRC表示图的源(Source)文件,因此这里的URL信息必须对应一个图像

文件。目前有以下几种图像的格式能被Web浏览器直接解释:GIF格式(.GIF文件

支持256色);X位图格式(.XBM文件,黑白图像);JPEG格式(.JPG、.JPEG文件

,支持RGB色)。对于段落中的图像,你还可以利用ALIGN属性定义图与文本行的

对齐方式,其属性值可取TOP(与文本行顶部对齐)、MIDDLE(中间对齐)、
BOTTOM(底部对齐,默认值)、LEFT(将此图显示在窗口左方)、RIGHT(将
此图显示在窗口右方)。例如:
   <H2><IMG ALIGN=MIDDLE SRC="boat.gif"> This text line is middle-alig
n.</H2>
如果让图像单独占一块区域,不要忘了在图标记的前后加上<P>或<BR>标记:
   <P><IMG SRC="revbar.gif"><P>This image is stand alone with the text
.<P>
图像同样也可以作为一个超链,如:
   Click the image <A HREF="detail.htm"><IMG SRC="model.gif">
   to see the full-size picture and detail of this building.
Web浏览器在超链图的四周画一个边框,以示可被触发。若想去掉这个框只需在<
IMG>
中加上属性BORDER=0就可以了。图7-5是上述例子的显示效果。
如果你满意图像的原始尺寸,可以用属性WIDTH和HEIGHT分别重新定义图像的宽度

高度,属性值为用整数表示的屏幕像素点的个数。


图7-5 Hompage的内嵌式图像

2.声音和视像
Web浏览器自身不能解释声音和视像文件,但它能通过其它辅助工具的帮助来播放
声音
和视像文件。一般声音文件带有.WAV、.AU、.SND等文件扩展名,而视像文件带有
.AVI、
.MPG等文件扩展名。要播放这些文件,就必须把这些文件作为一个超链中的URL信
息。
当用户触发这一超链时,Web浏览器发现自己无法解释这类文件,就在辅助工具表
中启动
相应的程序来播放它们。请看下例:
<H2>Here is the <A HREF="demo.wav">audio demo.</H2>
<H2>Here is the <A HREF="demo.avi">video demo.</H2>
图7-6是用户触发video demo的超链后,Web浏览器立即启动mplayer程序来播放
demo.avi
视像文件。(若事先未设置好辅助工具表,Web浏览器第一次会询问用户选用哪种
辅助
工具来播放此类文件。)



图7-6 Web浏览器调用mplayer来播放.avi视像文件

3.动画
SUN公司开发了一套称为Java的通用程序设计语言,利用它制作的Homepage可支持
内嵌式的
动画和内嵌式的声音。你可以用SUN公司的Web浏览器HotJava来观看带有Java标记

Homepage(Netscape 2.0也能解释部分的Java标记)。对Java感兴趣的读者可将
你的Web
浏览器指向:
       http://www.sun.com/

--
████████世事无绝对,只有真情趣! 
█◤☆◥◤☆◥█ http://boogeyman.yeah.net 
█☆☆☆☆☆☆█ http://daemonic.163.net/tips.zip 
█◣☆☆☆☆◢█ [飞碟基地;美女图库;妖魔鬼怪] 
██◣☆☆◢██ 当所有人都疯狂时,冷静的我已掌管一切!
███◣◢███                            --刑舞灵--

※ 来源:.月光软件站 http://www.moon-soft.com.[FROM: 202.104.64.126]

[关闭][返回]