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则是无限循环