16、HTML 中图像的使用与处理

HTML 中图像的使用与处理

1. 图像的插入

在 HTML 文档中插入图像，需要使用 <img> 标签。该标签至少需要两个属性： alt 和 src 。
- alt 属性：用于指定在非图形浏览器中代替图像显示的文本。
- src 属性：用于告诉用户代理要显示的图像文件。

示例代码如下：

<img alt="A gunsight" src="gunsight.jpg" />

需要注意的是， <img> 标签没有闭合标签，因此要在标签末尾加上斜杠。 src 属性的值可以是 Web 上任何有效的图像 URL，包括本地或远程的。就像锚点标签一样，可以使用绝对或相对 URL 来指定要显示的图像位置。

此外， src 属性的值也可以是一个生成图形的服务器端程序。例如：

<img alt="A pie chart" src="piechart.php" />

2. 图像的对齐

大多数用户代理会尝试将图像显示在 <img> 标签插入文档的位置。如果当前行无法容纳图像，它会换行并遵循段落的对齐和格式设