HTML入门-第九篇：HTML图像标签（＜img＞）

第九篇：HTML图像标签（<img>）

一、插入图像

在HTML中，<img> 标签用于在网页中插入图像，使网页内容更加丰富和生动。

（一）<img> 标签的关键属性

• src 属性：src 是“source”的缩写，该属性用于指定图像文件的路径。路径可以是相对路径，即相对于当前HTML文件的位置；也可以是绝对路径，包含完整的网址。例如，如果图像文件与HTML文件在同一目录下，只需直接写文件名及扩展名，如 src="logo.png"；若图像在名为“images”的子目录中，则可写为 src="images/logo.png"。若要引用网络上的图像，则需使用绝对路径，如 src="https://example.com/images/banner.jpg"。
• alt 属性：alt 是“alternate”的缩写，该属性为图像提供替代文本。当图像由于某种原因（如文件路径错误、网络问题等）无法显示时，浏览器会显示 alt 属性中的文本。此外，alt 文本对于搜索引擎优化（SEO）非常重要，它可以帮助搜索引擎理解图像的内容，从而更好地对网页进行索引和