返回
HTML网页设计教程 第9章 多媒体应用

HTML网页设计教程 第9章 多媒体应用

ID：43090803

大小：1.49 MB

页数：43页

时间：2019-09-29

HTML网页设计教程 第9章 多媒体应用_第1页
HTML网页设计教程 第9章 多媒体应用_第2页
HTML网页设计教程 第9章 多媒体应用_第3页
HTML网页设计教程 第9章 多媒体应用_第4页
HTML网页设计教程 第9章 多媒体应用_第5页
资源描述：

《HTML网页设计教程 第9章 多媒体应用》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第九章网页中的多媒体应用清华大学出版社主要内容重点掌握标记和标记了解插入背景音乐标记及其属性掌握插入各种多媒体标记及其属性掌握采用超链接标记插入多媒体文件的方法9.1图片9.1.1插入图片标记IMG高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其体积的大小。网页中常用的图片格式为GIF、JPEG和PNG。一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片时，可

2、先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。如果在同一文件中多次使用相同的图片时，最好使用相对路径查找该图片。在HTML文档中，显示图片所用的标记是。9.1.1插入图片标记IMG基本语法：9.1.1插入图片标记IMG语法说明：-img是插入图片的标记，其常用属性如表9-1。其中src是其必须的属性；-src属性用来指定图像源，即图像的URL路径。该路径可以是相对路径，也可以是绝对路径。的属性功能说明src指定图像源，即图像的URL路径width指定图像的显示

3、宽度height指定图片的显示高度hspace指定图片的水平间距vspace指定图片的垂直间距align指定图片的对齐方式border指定图片的边框大小alt显示图像的说明文字9.1.1插入图片标记IMG示例代码插入图片示例使用绝对路径指定图像路径

4、mg/002.jpgwidth="240">9.1.1插入图片标记IMG程序9-1采用标记插入了两幅图片，其执行效果如图9-1所示。其src属性分别采用了相对路径和绝对路径。9.1.2指定图像的高与宽默认情况下，在HTML页面中显示的是图像的原始大小。如果要显示指定的图像大小，就需采用img标记的width和height属性。基本语法：9.1.2指定图像的高与宽语法说明：-width和height的单位可以是像素，也可以是

5、百分比。百分比表示显示图像大小为浏览器窗口大小的百分比；-在width和height属性中，如果只设置了其中的一个属性，则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置，且其比例和原图大小的比例不一致的话，那么显示的图像会相对于原图变形或失真。9.1.2指定图像的高与宽示例代码：程序9-2分别采用绝对大小和相对大小的方式设置了同一幅图片的width属性，其height属性的设置方法和此例类似。图片高和宽的设置

6、src=img/001.jpgwidth="300">9.1.2指定图像的高与宽程序9-2的执行效果如图9-2所示。已知原图大小为600px*404px。第一个图像设置宽为300px，所以，其为原图的四分之一大小。第二个图设置为50%，可明显看出其宽度为显示窗口宽度大小的二分之一。9.1.3指定图像的间距标记的hspace和vspace属性分别用来指定图像的水平间距和垂直间距。其值为数字，单位为px，默认值为0。9.1.3

7、指定图像的间距基本语法：语法说明：-hspace指的是所设置图片与相邻元素的水平间距；-vspace指的是所设置图片与相邻元素的垂直间距。9.1.3指定图像的间距示例代码图像间距说明图像间距示例未指定图像间距

8、mg/001.jpgwidth="100">指定图像水平间距指定图像垂直间距

当前文档最多预览五页，下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页，下载文档查看全文
温馨提示：
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。