第6章网页中的多媒体应用.pptVIP

Company name 网页设计与开发 * 第6章 网页中的多媒体应用 清华大学出版社 * 主要内容 重点掌握img标记和marquee标记 了解插入背景音乐标记bgsound及其属性 掌握插入各种多媒体标记embed及其属性 掌握采用超链接标记a插入多媒体文件的方法 * 6.1图片 高质量的图片一般用TIFF格式保存，但其图片体积过大，不太适合网络传输。不同的图片格式会表现出不同的颜色分辨率和颜色标准，当然也会影响其容量的大小。 网页中常用的图片格式为GIF、JPEG和PNG。 一般在网页设计中选择的图片不要超过8KB，如必须选用较大图片，可先将其分成若干小图片，显示时再通过表格将这些小图片拼合起来。 如果在同一文件中多次使用相同图片，最好使用相对路径查找。 在HTML文档中，显示图片所用的标记是img。 6.1.1 图片标记 基本语法： img src=”url” * 6.1.1 图片标记 语法说明： - img的常用属性如下表。其中src是其必须的属性； - src属性用来指定图像源，即图像的URL路径。该路径可以是相对路径，也可以是绝对路径。 img属性 功能说明 src 指定图像源，即图像的URL路径 width 指定图像的显示宽度 height 指定图片的显示高度 hspace 定义图像左侧和右侧的空白（水平间距） vspace 定义图像顶部和底部的空白（垂直间距） align 指定图片的对齐方式 border 指定图片的边框大小 alt 如果图片无法显示，代替图像的说明文字 * 6.1.2 指定图像的高与宽 默认情况下，在HTML页面中显示的是图像的原始大小。 如果要显示指定的图像大小，就需采用img标记的width和height属性。 基本语法： img src= url width= height= 语法说明： - width和height的单位可以是像素，也可以是百分比。百分比表示显示图像大小为浏览器窗口大小的百分比。 - 在width和height属性中，如果只设置了其中的一个属性，则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置，且其比例和原图大小的比例不一致的话，那么显示的图像会相对于原图变形或失真。 * 6.1.3 指定图像的间距 img标记的hspace和vspace属性分别用来指定图像的水平间距和垂直间距。 其值为数字，单位为px，默认值为0。 基本语法： 语法说明： - hspace 指的是所设置图片与相邻元素的水平间距； - vspace 指的是所设置图片与相邻元素的垂直间距。 img src=url hspace= img src=url vspace= * 6.1.4 指定图像的对齐方式 img标记的align属性用来指定图像与周围元素的对齐方式。 基本语法： 语法说明： - align属性既包括水平对齐方式，又包括垂直对齐方式； - align的默认值为bottom。 img src=url align= * 6.1.5 指定图片的边框与文字说明 img标记的border属性和alt属性分别用来指定图像的边框和图像的替代文字说明。 基本语法： img src=url bordere= img src=url alt= 语法说明： - border的值用数字表示，默认单位为px； - 默认情况下图片没有边框，即border=0； - 图片边框的颜色不可调整，默认为黑色。当图片作为超 链接使用时，图片边框的颜色和文字超链接的颜色一 致，默认为深蓝色； - 图片的alt属性用于对图片信息进行描述。在浏览器中 当图片无法正常显示时，在图片位置显示该描述信息。 当图片可以正常显示时，当鼠标放在图片上面时才显示 该描述信息。 * 6.2 滚动文字 插入滚动文字所用的标记是marquee。 基本语法： 语法说明： - 将要添加效果的文字放到marquee标记之间，同时也可以设置文字的字体、大小和颜色； - 表6-3的各种属性为可选参数，根据需要可插入marquee标记之间； - 默认情况下滚动背景的面积和文字等高，和浏览器等宽。设置绝对大小时默认单位为px； - 默认情况下hspace和vspace的值为0，默认单位为px。 marquee 滚动文字内容/marquee * 6.2 滚动文字 marquee属性 属性功能说明 属性的取值 各属性值的功能 behavior 设置文字的滚动方式 scroll 循环滚动（默