6.2 设置图片的属性

6.2 设置图片的属性

1.设置图片的替代文字属性alt

有时候网页中的图像会因为某种原因无法正常显示,为此可以为图像添加一段描述性文字,以辅助阅读。此时使用img元素的alt属性,格式为:

提供图片无法显示时的替代文字的步骤如下:

(1)在<img>标签内,在src属性及其值的后面输入“alt="”。

(2)输入图像出于某种原因没有显示时应该出现的文本。

(3)输入“"”。

提供图片无法显示时的替代文字的代码如下:

运行结果如图6-2所示。

图6-2 img元素alt属性实例运行结果

2.设置图片的大小属性width、heigh

在默认情况下,页面中图像的显示大小就是图片默认的宽度和高度,也可以手动更改图片的大小。但是建议使用专业的图像编辑软件对图像进行宽度和高度的调整。如果使用img元素的属性来设置,格式为:

图像的宽度和高度的单位可以是像素,也可以是百分比。

设置图片大小的代码如下:

运行结果如图6-3所示。

图6-3 img元素width、heigh属性实例运行结果