6.2 设置图片的属性
2025年09月26日
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属性实例运行结果