HTML 网页中任何元素的实现都依赖于 HTML 标签。 如果要在网页上显示图像，则需要使用图像标签。 接下来将详细介绍图像标签。

及其相关属性。 图片标签的基本语法格式如下。

在上面的语法中，src属性用于指定图像文件的路径和文件名，是img标签的必需属性。

如果想在网页中灵活使用图片，仅仅依靠src属性是不够的。HTML对此也是如此

该标签还有其他属性，如表2-5所示。

表格1

标签属性

表1对

简单介绍一下标签的常用属性，下面详细解释一下：

1.图片替换文字属性alt

有时，页面上的图像可能无法正常显示，例如图像加载错误、浏览器版本太低等。因此，在页面上的图像中添加替代文本以告诉用户该图像的相关信息是一个好习惯。无法显示图像。 这需要使用图像的alt属性。

2.图像宽度的width和属性，

通常情况下，如果没有给出

如果标签设置了宽度和高度属性，则图像将按照其原始尺寸显示。 另外，还可以通过width和属性来定义图像的宽度和高度。 通常我们只设置其中一个属性，另一个属性会根据之前设置的属性等比例显示原图。 如果同时设置两个属性，并且它们的比例与原始图像尺寸不一致，则显示的图像会变形或扭曲。

3. 图像的表框属性

默认情况下，图像没有边框。 您可以为图像添加边框，并通过属性设置边框的宽度。

4.图像边距属性，

在网页中，由于布局的要求，有时需要调整图片的边距。 在HTML中，可以通过 和 属性分别调整图像的垂直边距和水平边距。

5.图像对齐属性align

混合图像和文本是网页上非常常见的效果。 默认情况下，图像的底部将与第一行文本对齐，如图 1 所示。

图1 图片标签默认对齐效果

但在制作网页时，常常需要实现图片和文字的换行效果，比如左图右文字，这就需要用到图片对齐属性align。

注意：

1、实际生产中不建议使用图片标签。

直接使用 、 、align 属性，也可以用 CSS 样式替换。

2、制作网页时，不建议直接插入装饰图片。

标签，最好通过 CSS 设置背景图像来实现。