编辑“︁HTML图像基础”︁（章节）

== 基本语法与属性 ==

=== `<img>`标签 ===
`<img>`是一个空元素（不需要闭合标签），通过'''src'''属性指定图像路径，'''alt'''属性提供替代文本（用于无障碍访问和图像加载失败时显示）。基础语法如下：

<syntaxhighlight lang="html">
<img src="image.jpg" alt="描述性文本">
</syntaxhighlight>

'''关键属性说明：'''
* '''src'''：图像URL（相对路径或绝对路径）。
* '''alt'''：替代文本（必填，SEO和无障碍访问要求）。
* '''width/height'''：控制显示尺寸（单位：像素或百分比）。
* '''loading'''：控制懒加载（`loading="lazy"`）。

=== 示例：基础图像嵌入 ===
<syntaxhighlight lang="html">
<!DOCTYPE html>
<html>
<head>
    <title>图像示例</title>
</head>
<body>
    <img src="logo.png" alt="网站Logo" width="200" height="100">
</body>
</html>
</syntaxhighlight>

'''输出效果：'''  
页面显示宽200像素、高100像素的Logo图像。若图片未加载，则显示“网站Logo”文本。