HTML 图像

图像可以增强网站的设计和新外观。

HTML 语法图像

在 HTML 中，图像列在附加标签后面 <img>.

标签 <img> пустий, містить лише атрибути і не має закриваючого тега.

Атрибут src 可用的 URL（已更新）如下：

阿特里布特

Атрибут alt 为图像提供替代文本，如果用户因任何原因无法查看图像：通过较长的 Internet 连接、src 属性的更改，或者用户使用屏幕阅读器（屏幕阅读器）。

属性值 alt має описувати зображення, тобто те, що на ньому зображено:

如果浏览器无法识别图像，则显示属性值 alt:

图像尺寸 - 宽度和高度 - 宽度和高度

您可以 vikorist 该属性 style для вказівки ширини та висоти зображення.

此外，您还可以编辑属性 width та height:

Атрибути width та height завжди визначають ширину і висоту зображення в пікселях.

宽度和高度或样式？

Атрибути width, height та style 以 HTML 格式呈现。

但是，我们建议您使用该属性 style 。 这意味着样式表会更改图像的大小：

另一个文件夹中的图像

如果未指定，浏览器将在与网站相同的文件夹中查找图像。

但是，图像通常保存在子文件夹（其他文件夹）中。 然后您必须在属性中包含文件夹名称 src:

另一台服务器上的图像

一些网站将图像保存在特殊的图像服务器上。

事实上，您可以通过输入正确的图像路径来拒绝从万维网的任何网址访问该图像：

Анімовані зображення

HTML 动画 GIF 图像：

结果表示

要对框架中的图像进行 vikorize，请放置一个标签 <img> всередині тега <a>:

浮动图像

Vickory CSS 电源 float, що дозволяє зображенню плавати праворуч або ліворуч від тексту:

HTML 屏幕阅读器（屏幕阅读器）

屏幕阅读器是一种读取 HTML 代码、转换文本并允许用户“收听”内容的程序。 适合视力障碍人士或学习的屏幕阅读程序。

Резюме розділу

• 维克里 HTML 元素 <img> для визначення зображення
• Vickory HTML 属性 src 提交 URL 提交
• Vickory HTML 属性 alt для визначення альтернативного тексту для зображення, якщо воно не може бути відображене
• Vickory HTML 属性 width та height для визначення розміру зображення
• 维克里 CSS 电源 width та height для визначення розміру зображення (альтернативно)
• Vickory CSS 电源 float, щоб дозволити зображенню плавати відносно інших елементів
• 维克里 HTML 元素 <map> для визначення зображення-мапи
• 维克里 HTML 元素 <area> для визначення інтерактивних областей на зображенні-мапі
• HTML 元素的 Vikorista <img> атрибут usemap, що вказує на зображення-мапу
• 维克里 HTML 元素 <picture> для відображення різних зображень для різних приладів

HTML 右

HTML 语法