欢迎来到天天文库
浏览记录
ID:39632528
大小:705.50 KB
页数:15页
时间:2019-07-07
《网页中的多媒体应用》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第6章网页中的多媒体应用清华大学出版社1主要内容重点掌握标记和标记了解插入背景音乐标记及其属性掌握插入各种多媒体标记及其属性掌握采用超链接标记插入多媒体文件的方法26.1图片高质量的图片一般用TIFF格式保存,但其图片体积过大,不太适合网络传输。不同的图片格式会表现出不同的颜色分辨率和颜色标准,当然也会影响其容量的大小。网页中常用的图片格式为GIF、JPEG和PNG。一般在网页设计中选择的图片不要超过8KB,如必须选用较大图片,可先将其分成若
2、干小图片,显示时再通过表格将这些小图片拼合起来。如果在同一文件中多次使用相同图片,最好使用相对路径查找。在HTML文档中,显示图片所用的标记是。6.1.1图片标记基本语法:36.1.1图片标记语法说明:-img的常用属性如下表。其中src是其必须的属性;-src属性用来指定图像源,即图像的URL路径。该路径可以是相对路径,也可以是绝对路径。属性功能说明src指定图像源,即图像的URL路径width指定图像的显示宽度height指定图片的显示高度hspace定义
3、图像左侧和右侧的空白(水平间距)vspace定义图像顶部和底部的空白(垂直间距)align指定图片的对齐方式border指定图片的边框大小alt如果图片无法显示,代替图像的说明文字46.1.2指定图像的高与宽默认情况下,在HTML页面中显示的是图像的原始大小。如果要显示指定的图像大小,就需采用img标记的width和height属性。基本语法:语法说明:-width和height的单位可以是像素,也可以是百分比。百分比表示显示图像大小为浏览器窗口
4、大小的百分比。-在width和height属性中,如果只设置了其中的一个属性,则另一个属性会根据已设置的属性按原图等比例显示。如果对两个属性都进行了设置,且其比例和原图大小的比例不一致的话,那么显示的图像会相对于原图变形或失真。56.1.3指定图像的间距标记的hspace和vspace属性分别用来指定图像的水平间距和垂直间距。其值为数字,单位为px,默认值为0。基本语法:语法说明:-hspace指的是所设置图片与相邻元素的水平间距;-vspace指的是所设置图片与相邻元素的垂直间距。5、="url"hspace="">66.1.4指定图像的对齐方式标记的align属性用来指定图像与周围元素的对齐方式。基本语法:语法说明:-align属性既包括水平对齐方式,又包括垂直对齐方式;-align的默认值为bottom。76.1.5指定图片的边框与文字说明标记的border属性和alt属性分别用来指定图像的边框和图像的替代文字说明。基本语法:<6、imgsrc="url"alt="">语法说明:-border的值用数字表示,默认单位为px;-默认情况下图片没有边框,即border=0;-图片边框的颜色不可调整,默认为黑色。当图片作为超链接使用时,图片边框的颜色和文字超链接的颜色一致,默认为深蓝色;-图片的alt属性用于对图片信息进行描述。在浏览器中当图片无法正常显示时,在图片位置显示该描述信息。当图片可以正常显示时,当鼠标放在图片上面时才显示该描述信息。86.2滚动文字插入滚动文字所用的标记是。基本语法:语法说明:-将要添加效果的文7、字放到标记之间,同时也可以设置文字的字体、大小和颜色;-表6-3的各种属性为可选参数,根据需要可插入标记之间;-默认情况下滚动背景的面积和文字等高,和浏览器等宽。设置绝对大小时默认单位为px;-默认情况下hspace和vspace的值为0,默认单位为px。滚动文字内容96.2滚动文字属性属性功能说明属性的取值各属性值的功能behavior设置文字的滚动方式scroll循环滚动(默认值)slide滚动一次停止alter8、nate来回交替滚动direction设置文字的滚动方向left由右向左滚动(默认值)right有左向右滚动up由下向上滚动down由上向下滚动bgcolor设置滚动文字的背景颜色英文颜色名称表示所用颜色#rrggbb表示所用颜色width和height设置滚动背景的宽和高数字设置背景的绝对面积相对百分比设置背景相对浏览器窗口的大小hspace和vspace设置滚动文字背景和周围其他元素的空白间距数字设置背景和周
5、="url"hspace="">66.1.4指定图像的对齐方式标记的align属性用来指定图像与周围元素的对齐方式。基本语法:语法说明:-align属性既包括水平对齐方式,又包括垂直对齐方式;-align的默认值为bottom。76.1.5指定图片的边框与文字说明标记的border属性和alt属性分别用来指定图像的边框和图像的替代文字说明。基本语法:<
6、imgsrc="url"alt="">语法说明:-border的值用数字表示,默认单位为px;-默认情况下图片没有边框,即border=0;-图片边框的颜色不可调整,默认为黑色。当图片作为超链接使用时,图片边框的颜色和文字超链接的颜色一致,默认为深蓝色;-图片的alt属性用于对图片信息进行描述。在浏览器中当图片无法正常显示时,在图片位置显示该描述信息。当图片可以正常显示时,当鼠标放在图片上面时才显示该描述信息。86.2滚动文字插入滚动文字所用的标记是。基本语法:语法说明:-将要添加效果的文
7、字放到标记之间,同时也可以设置文字的字体、大小和颜色;-表6-3的各种属性为可选参数,根据需要可插入标记之间;-默认情况下滚动背景的面积和文字等高,和浏览器等宽。设置绝对大小时默认单位为px;-默认情况下hspace和vspace的值为0,默认单位为px。滚动文字内容96.2滚动文字属性属性功能说明属性的取值各属性值的功能behavior设置文字的滚动方式scroll循环滚动(默认值)slide滚动一次停止alter
8、nate来回交替滚动direction设置文字的滚动方向left由右向左滚动(默认值)right有左向右滚动up由下向上滚动down由上向下滚动bgcolor设置滚动文字的背景颜色英文颜色名称表示所用颜色#rrggbb表示所用颜色width和height设置滚动背景的宽和高数字设置背景的绝对面积相对百分比设置背景相对浏览器窗口的大小hspace和vspace设置滚动文字背景和周围其他元素的空白间距数字设置背景和周
此文档下载收益归作者所有