您的位置:首页 > Web前端 > HTML

html(二)页面中图片及多媒体的简单处理

2016-01-04 23:13 483 查看
1.图片分为矢量图和位图

矢量图不会失真,它是由数学描述的方式来记录图像内容

位图是由像素组成的,像素是很小的颜色块

位图常见格式为JPEG,PNG,GIF

JPEG后缀为.jpg,是经过有损压缩后的图片,适用于色彩丰富的图片

PNG后缀为.png,是一种无损压缩的图片,适用于对比强烈的图片

GIF后缀为.gif,是一种具有动画格式的图片

2.在页面中插入图像

<p align=center><img src="a.jpg" alt="无法显示"></p>

<img src="a.jpg" align="left">

3.设置图像和文本的对齐方式

<img style="vertical-align:text-top"> 文本和图片上边缘对齐

<img style="vertical-align:middle"> 文本和图片中部对齐

<img style="vertical-align:text-bottom"> 文本和图片下边缘对齐

<img style="vertical-align:baseline"> 文本基线和图片下边缘对齐

4.控制图像和文本距离

<img src="a.jpg" hspace=30>图像左右空出30像素

<img src="a.jpg" vspace=30>图像上下空出30像素

5.给图像添加边框

<img src="a.jpg" border=8>

6.添加水平线

<hr align="left" width="30" size="10">

7.添加页面背景

<body style="background-image:url(a.jpg);background-repeat:no repeat">

8.添加多媒体文件(midi,wav,au)

<embed src="a.wav" width="300" height="200" autostart="true" loop="true"> <embed>是多媒体标签,必须有width和height 属性autostart设置为true自动播放,false不自动播放,loop控制循环播放次数,若为true则无限播放,为false则只播放一次

9.添加背景音乐

<bgsound src="a.mp3" loop="2">

loop的值是循环次数,值若为-1则是无限循环
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: