图像

HTML文档中使用的图像的目的有：第一，使页面具有视觉效果；第二个：显示有用信息。此外，图像也可以用作链接。

虽然使用图像有很多好处，但是包含太多图像的页面通常看起来过于杂乱，并且可能需要花费太长的时间来加载。

图像 - <img src=“url”>

要显示图像，需要使用src属性来指定图像的路径，如下所示有几个方法来实现：

• src="picture.jpg" - 当图片与html文件在同一个目录下时，直接指定图片名
• src="images/picture.jpg" - 当图片位于其它目录时，使用相对路径来指定
• src="http://www.htmlbasic.com/images/photo.jpg" - 当指定网络图片时

替代文字 - <img alt="?">

img标记的alt属性定义当图像无法加载时显示的文本来代替该图像。对一个考虑周到的html来说这是一个必需属性，简要地描述图像是什么。

图像大小 - <img width="?" height="?">

图像通常显示为它实际的大小，但通过使用width和height属性，可以更改它显示的大小。以像素或百分比形式指定图像的大小。技巧提示：使用图像的实际大小（以像素为单位）来指定其显示大小，以强制浏览器在图像加载之前为其分配空间，以确保无论图像是否显示，页面布局都保持不变。

图像边框 - <img border="?">

img标记的border属性通过指定以像素为单位的厚度来添加边框。您还可以设置border=“0”以删除将图像用作链接时添加的边框。

图像对齐 - <img align="?">

默认情况下，图像显示在html代码中指定的位置（与任何其他标记一样）。但是，可以通过设置align=“left | right | top | bottom | middle”中的任意一个值来将图像与周围的文本或段落对齐。

图像空白 - <img ... vspace="?" hspace="?">

调整图像周围的空白，以像素为单位。使用vspace调整上下垂直间距，或左右两侧使用hspace。

例子

下面是以上标记的示例：

浏览器显示内容如下所示：