<!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>欢迎来到我的网站</h1>
<p>这是一个包含图像的段落：</p>
<!-- 使用相对路径嵌入图像 -->
<img src="images/sample.jpg" alt="示例图像">
<p>另一个图像，使用绝对路径：</p>
<!-- 使用绝对路径嵌入图像 -->
<img src="https://www.example.com/images/another-sample.jpg" alt="另一个示例图像">
</body>
</html>
在上述示例中：
- <img> 元素用于嵌入图像。
- src 属性指定图像文件的路径。可以是相对路径（相对于HTML文件的位置）或绝对路径（完整的URL）。
- alt 属性提供了对图像的文本描述，这对于可访问性和搜索引擎优化很重要。
请注意，图像文件应该是常见的图像格式，如JPEG、PNG或GIF。此外，确保提供了适当的替代文本，以便在图像无法加载时提供有意义的信息。
除了上述基本属性外，<img> 元素还支持其他属性，如 width 和 height 用于指定图像的宽度和高度。在实际使用中，建议尽量避免指定固定的宽高，而是使用CSS来实现更灵活的布局。
转载请注明出处：http://www.zyzy.cn/article/detail/12477/HTML5