本文介绍了网页设计中图像的基本类型及其格式选择，并详细讲解了如何在HTML中使用各种标签来实现图像插入、对齐、间距调整及边框设置等功能。此外，还涉及了背景图像设定及多媒体文件如音频的添加方法。
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则是无限循环
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
