参考资料

  1. HTML 外部样式
  2. HTML 水平线
  3. HTML 自定义列表
  4. HTML 背景颜色
  5. HTML 预期格式文本
  6. HTML 数学符号
  7. HTML id 属性详解
  8. HTML 内联 元素

<img> 标签用于在HTML文档中嵌入图像。它是一个空标签，意味着它没有结束标签。

属性：

  1. src：指定图像的URL或路径。

  2. alt：为图像提供替代文本，当图像无法显示时，会显示此文本。

  3. width：设置图像的宽度（以像素为单位）。

  4. height：设置图像的高度（以像素为单位）。

  5. title：为图像提供额外的信息，通常作为工具提示显示。

  6. loading：控制图像的加载行为，可选值为 eager（立即加载）或 lazy（延迟加载）。

  7. usemap：将图像与客户端图像映射关联。

  8. ismap：将图像定义为服务器端图像映射。

案例：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Image Example</title>
</head>
<body>
    <h1>Image Example</h1>
    <img src="example.jpg" alt="Example Image" width="300" height="200" title="This is an example image" loading="lazy">
</body>
</html>

说明：

  • src="example.jpg"：指定图像的路径。

  • alt="Example Image"：提供图像的替代文本。

  • width="300" height="200"：设置图像的宽度和高度。

  • title="This is an example image"：提供额外的信息，作为工具提示显示。

  • loading="lazy"：延迟加载图像，直到其可见时才加载。

声明：本站所有文章资源内容，如无特殊说明或标注，均为采集网络资源。如若本站内容侵犯了原著者的合法权益，可联系本站删除。