不是所有图片都可以在网页中显示的。网页中的图片一般限制在jpg和gif两种格式中。二者主要有如下区别: 这个就是在网页中嵌入图片的标签了,它没有对应的</img>标签。先把图片保存在一个专门的文件夹中(一般是在网站根目录下的image文件夹,下面假设这个图片叫pic.gjf)。它有一些主要属性如下: 1、src:图片位置属性,也是它最重要的属性,表示图片位置和图片文件名。对于本例,如果网页文件在网站根目录下,则src="image/pic.gif"。如果要引用其他网站的图片,可以用类似"src=http://www.xxx.com/image/xxx.gif"这样的形式。 2、border:图片边框属性,可以在图片外设置一个框,取值范围为大于等于0的整数,表示边框宽度的象素值。默认为0。 3、width和height:图片尺寸属性,分别对应图片的宽度和高度的象素值。 4、alt:文字说明属性。有的用户为加快图片显示可能会禁止显示图象,为了使这些用户知道图片的含义,可以设置此属性,用一些文字对突破进行简单的说明。设置值为一串文字。 5、align:图片对齐属性,用来设置图片与文本的绕排方式。这个属性可以取多个值,比较重要的仍然是left、center、right。 6、hspace和vspace:水平间距与垂直间距,分别设置图片与绕排文字距离的象素值。 1、<img src="a.gif"> 按默认方式插入同一文件夹下的a.gif图片 2、<img src="b.gif" alt="插入的图片"> 插入上一层文件夹中的b.jpg图片,并且设置了说明文字。 3、<img src="b.gif" border=1> 插入上一层文件夹中的b.jpg图片,并且设置边框为一个象素宽度。 4、<img src="b.gif" width=20 height=10> 插入网页所在文件夹的下一层文件夹中的a.gif图片,并且高度为10象素,宽度为20象素。 本讲只介绍了如何插入图片,至于图片的来源,可以自己利用图象处理软件制作,也可以找一些素材库或者直接从别的网站上得到,要注意的是,获取别人的图片一定要注意不要侵犯版权。 |