html img 属性,代码示例

HTML的img属性用于在网页中插入图片。它是一个自闭合标签，不需要闭合。img标签有几个常用的属性，包括src、alt、width和height。

1、src属性指定了要显示的图片的URL。这个URL可以是相对路径或绝对路径，用于指定图片的位置。例如，下面的代码将在网页中插入一张名为"image.jpg"的图片：

<img src="image.jpg">

2、alt属性用于为图片添加替代文本。替代文本在图片无法显示时会显示出来，同时也有助于提升网页的可访问性。例如，下面的代码给图片添加了替代文本"Image description"：

<img src="image.jpg" alt="Image description">

3、width和height属性用于指定图片的宽度和高度。这些属性可以使用像素值或百分比来指定。例如，下面的代码将设置图片的宽度为200像素，高度为150像素：

<img src="image.jpg" width="200" height="150">

需要注意的是，如果只指定了其中一个属性，浏览器会根据图片的比例自动调整另一个属性的值，以保持图片的原始比例。

除了这些常用的属性外，img标签还可以使用其他属性来控制图片的显示方式、边框等。例如，可以使用style属性来设置图片的样式：

<img src="image.jpg" style="border: 1px solid black;">

总结一下，img属性用于在网页中插入图片。通过src属性指定图片的URL，alt属性添加替代文本，width和height属性控制图片的大小。还可以使用其他属性来进一步控制图片的显示效果。