在网页制作过程中，我们可能会遇到一些想将图像放到自己的网页上的这种问题，那么如何在网页上放置图片呢？这就用到了图像元素，一起来学习一下关于图像元素如何设置？图片从何处获得？以及关于图像，我们还需要知道哪些？

例：<img src="david.jpg" alt="David" />

例在浏览器中将显示一张图片，接下来我们需要做的是：首先告诉浏览器你要插入一张图片（img），接着给出这张图片的存放位置（src，代表“来源（source）”）就行了。需要注意的是：img元素没有尾标签，它与<br />一样，不与特定的文本相关。

其中“david.jpg”是要插入的图片的文件名，其中的“jpg”表明图片类型。就像后缀名“htm”代表文件是HTML文档一样，后缀名“jpg”表明文件是一个图片文件。有三种类型的图片文件可被插入网页中：

GIF（Graphics Interchange Format，图形交换格式）

JPG或JPEG（Joint Photographic Experts Group，联合图像专家组）

PNG（Portable Network Graphics，可移植网络图像）

一般来说，GIF是图形和图画的最佳格式，而JPEG格式则更适合存放照片。原因有二：第一，GIF格式只支持256色，而JPEG格式支持数百万色；第二，GIF格式擅长于压缩简单图像，而JPEG则更适于压缩复杂图像。压缩率越高，图像文件就越小，页面加载速度就越快。包含太多无用内容的网页是很不受欢迎的。

过去，GIF和JPEG是两大主要的图像格式，但是最近PNG格式也开始流行起来（主要是在取代GIF格式）。PNG格式拥有许多JPEG与GIF的共同优点：支持数百万色，且压缩效果好。

图片从何处获得？

要制作自己的图像，需要有一个图像编辑程序。图像编辑程序是从事美观的网页制作所需的重要工具之一。不幸的是Windows或其他操作系统都没有自带比较好的图片编辑程序。所以，也许你得买一个Paint Shop Pro、PhotoShop或者Macromedia Fireworks，这三个是目前市场上最好的图像编辑软件。

关于图像，我们还需要知道哪些？

首先，你可以轻易地把存放在其他文件夹、甚至其他网站的的图片插入到自己的网页中。

其次，图片也可以作为链接。

另外，就是src属性可以用来告诉浏览器图片的存放位置。除此以外，还有一些有用的属性。比如：alt属性用于给出图像的替用描述，假如由于某些原因该图像未能显示出来，浏览器就通过显示这个描述来替代图像。对于有视力障碍的人士来说，或者当网页打开很慢的时候，这一特性显得尤为重要。所以说，始终记得写alt属性：

还有就是：有些浏览器会在鼠标光标移到图像上时显示出alt属性的文本。但是，在使用alt属性时请注意，该属性的目的是为图片提供一个替用描述，有视力障碍的人士会利用alt属性来听取有关图片的描述，所以不要将该属性用于显示文本提示——那是title属性的功能。

除此之外还有另外两个重要的属性是width和height；width和height属性分别用于设置图像的宽度和高度，以像素为单位。如果你没有为图像设置宽度和高度，它将按原始尺寸显示。但是如果设置了的话，你就可以控制它的显示尺寸：值得注意的是，虽然可以通过设置高度和宽度来控制图片的显示尺寸，但图片文件的实际大小不会因此而发生变化。所以，不要指望通过设置图片的宽度和高度来减小图片文件的大小。相反，你应该在图像编辑程序中来调整图片文件的大小，以加快页面加载速度。不过width和height属性还是有用的，它们可以在图片被完全下载之前令浏览器知道该用多大的空间来显示图片。这令浏览器可以更快显示出美观的页面。