网页制作简易教程(四)_ァ挑战自我If you fail,try again_百度空间

  不是所有图片都可以在网页中显示的。网页中的图片一般限制在jpggif两种格式中。二者主要有如下区别:

  这个就是在网页中嵌入图片的标签了,它没有对应的</img>标签。先把图片保存在一个专门的文件夹中(一般是在网站根目录下的image文件夹,下面假设这个图片叫pic.gjf)。它有一些主要属性如下:

 1src:图片位置属性,也是它最重要的属性,表示图片位置和图片文件名。对于本例,如果网页文件在网站根目录下,则src="image/pic.gif"。如果要引用其他网站的图片,可以用类似"src=http://www.xxx.com/image/xxx.gif"这样的形式。

 2border:图片边框属性,可以在图片外设置一个框,取值范围为大于等于0的整数,表示边框宽度的象素值。默认为0

 3widthheight:图片尺寸属性,分别对应图片的宽度和高度的象素值。

 4alt:文字说明属性。有的用户为加快图片显示可能会禁止显示图象,为了使这些用户知道图片的含义,可以设置此属性,用一些文字对突破进行简单的说明。设置值为一串文字。

 5align:图片对齐属性,用来设置图片与文本的绕排方式。这个属性可以取多个值,比较重要的仍然是leftcenterright

 6hspacevspace:水平间距与垂直间距,分别设置图片与绕排文字距离的象素值。

 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象素。

本讲只介绍了如何插入图片,至于图片的来源,可以自己利用图象处理软件制作,也可以找一些素材库或者直接从别的网站上得到,要注意的是,获取别人的图片一定要注意不要侵犯版权。



郑重声明:资讯 【网页制作简易教程(四)_ァ挑战自我If you fail,try again_百度空间】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——