怎样将一张图片放到网页中?
作 者 : 西山月
正如你已经知道的,网页上不但可以放文本,而且可以放图片。要在网页上显示图片很简单,但是有几个地方,如果你不注意,或没有意识到的话,你的网站会被当作新手网站。
1 、怎样将一张图片放到网页中?
将图片放入网页,要使用 IMG ( image ,图片)标记,它最简单的格式是: < IMG SRC="images/tree.gif">
。这里的 SRC ( source ,资源)属性,用于指定图片的名称和路径。就象 A ( anchor ,链接)标记中的 HREF
一样,在 SRC 属性中必须指明图片文件的路径,该路径可以是绝对路径,也可以是相对路径。绝对路径指图片文件完整的 URL 地址,例如:
< IMG SRC="http://www.mynet.com/images/tree.gif">
而相对路径是指有 IMG 标记的网页到其中图片文件的路径。例如:
< IMG SRC="images/tree.gif">
上面这个例子说明,图片文件“ tree.gif ”在“ images ”的目录中。为便于管理,一般网站建立者,都将图片放在一个专门的目录中,通常称为“
images ”,当然,你也可以取其他任何名字。本例中,只有当“ images ”目录在网页所在目录之下时,才能正常显示,如果网页和图片文件分别在同层次的两个不同目录中,那么标记应改为:
< IMG SRC="/images/tree.gif">
如果因找不到图片,或其它什么原因,图片无法显示,你会看到一个小图标,使用 Netscape 浏览器的人,还会从中看到“
broken image ”字样,而使用 IE 浏览器的,会看到“ X ”形状。遇到这种情况,一种可能是 IMG 标记中,指定的图片文件路径有误,改为绝对路径,看看能否正确显示。不过,一般还是应尽量使用相对路径,以缩短图片的装载时间。
为便于解读, HTML 文件中的标签和属性名称可以用大写,至于你到底用大写还是小写,这并没有多大关系。但是,对于文件名的大小写,就要特别注意了。很多网页都是在
Windows 系统上设计的,但是放这些网页文件的 Web 服务器,一般是运行于 Unix 下。 Windows 和 Unix
对文件名大小写的处理是不同的,前者没有区别,而后者却非常敏感,文件名相同,但大小写不一样,它就当成是另一个文件,所以,一定要使标记中的文件名与实际文件名的写法相同,通常我们都使用小写。