<img> 标签是 HTML5 中用于在网页上嵌入图像的标签。以下是 <img> 标签的基本结构以及一些常见的属性:
<img src="image.jpg" alt="Description of the image" width="300" height="200">

在这个例子中:

  •  src: 指定图像文件的路径或 URL。可以是相对路径或绝对路径,也可以是外部网站的 URL。

  •  alt: 提供对图像的文字描述,这对于辅助技术和当图像无法加载时很重要。搜索引擎也会使用这个文本来理解图像的内容。

  •  width: 指定图像的宽度,以像素为单位。可以根据需要调整。

  •  height: 指定图像的高度,以像素为单位。可以根据需要调整。


注意:为了提高网页加载性能,最好使用适当大小的图像,而不是在 HTML 中调整图像的大小。

如果要链接到另一个页面或资源,你可以在 <img> 标签外部使用 <a> 标签:
<a href="link-to-page.html">
  <img src="image.jpg" alt="Description of the image" width="300" height="200">
</a>

这样,当用户点击图像时,他们将被导航到指定的链接页面。


转载请注明出处:http://www.zyzy.cn/article/detail/3739/HTML5