在 HTML 中，可以使用 <img> 元素来嵌入图像（图片）。<img> 元素是空元素，不包含任何内容，而是使用 src 属性指定图像的路径或URL。以下是一个简单的例子：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HTML Image Example</title>
</head>
<body>

    <h1>My Web Page</h1>

    <img src="example.jpg" alt="An example image">

</body>
</html>

在上述例子中：
  •  <img> 元素通过 src 属性指定了图像的路径（相对路径或绝对路径）。

  •  alt 属性提供了图像的替代文本，当图像无法加载时或者被屏幕阅读器阅读时，这段文本将被显示。


图像的其他属性：

  •  width 和 height： 设置图像的宽度和高度。

    <img src="example.jpg" alt="An example image" width="300" height="200">

  •  title： 提供鼠标悬停在图像上时显示的标题。

    <img src="example.jpg" alt="An example image" title="Click to enlarge">

  •  style： 使用内联样式设置图像的样式。

    <img src="example.jpg" alt="An example image" style="border: 1px solid #ccc;">

  •  class 和 id： 用于应用外部样式或JavaScript。

    <img src="example.jpg" alt="An example image" class="image-style" id="main-image">

图像可以是常见的格式，如 JPEG、PNG、GIF 等。确保图像的路径或URL是正确的，并且图像文件可用，以便在页面上正确显示图像。


转载请注明出处：http://www.zyzy.cn/article/detail/3121/HTML