<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 图像示例</title>
</head>
<body>
<h1>这是一个HTML图像示例</h1>
<img src="example.jpg" alt="示例图像">
</body>
</html>
在这个示例中，src 属性包含图像文件的路径，而 alt 属性提供了图像的替代文本，这对于可访问性很重要。替代文本将在图像无法加载时显示，也可以由屏幕阅读器用于描述图像。
如果图像位于与HTML文档相同的目录中，你只需提供图像文件的名称。如果图像位于不同的目录中，你需要提供相对或绝对路径。例如：
<img src="images/example.jpg" alt="示例图像">
或者使用绝对路径：
<img src="https://www.example.com/images/example.jpg" alt="示例图像">
还可以设置其他属性，例如 width 和 height，以指定图像的宽度和高度：
<img src="example.jpg" alt="示例图像" width="300" height="200">
这有助于确保图像在页面上正确显示，并且可以提高页面加载性能。
转载请注明出处：http://www.zyzy.cn/article/detail/12405/HTML