html中图片显示不出来_HTML基础操作：图片显示

背景图片

本例演示如何向 HTML 页面添加背景图片。

图像背景

gif 和 jpg 文件均可用作 HTML 背景。

如果图像小于页面，图像会进行重复。

HTML基础操作：图片显示

排列图片

本例演示如何在文字中排列图像。

未设置对齐方式的图像：

图像 在文本中

已设置对齐方式的图像：

图像 在文本中

图像 在文本中

图像 在文本中

请注意，bottom 对齐方式是默认的对齐方式。

HTML基础操作：图片显示

浮动图像

本例演示如何使图片浮动至段落的左边或右边。

带有图像的一个段落。图像的 align 属性设置为 "left"。图像将浮动到文本的左侧。

带有图像的一个段落。图像的 align 属性设置为 "right"。图像将浮动到文本的右侧。

HTML基础操作：图片显示

调整图像尺寸

本例演示如何将图片调整到不同的尺寸。

通过改变 img 标签的 "height" 和 "width" 属性的值，您可以放大或缩小图像。

HTML基础操作：图片显示

为图片显示替换文本

本例演示如何为图片显示替换文本。在浏览器无法载入图像时，替换文本属性告诉读者们失去的信息。为页面上的图像都加上替换文本属性是个好习惯。

仅支持文本的浏览器无法显示图像，仅仅能够显示在图像的 "alt" 属性中指定的文本。在这里，"alt" 的文本是“向左转”。

请注意，如果您把鼠标指针移动到图像上，大多数浏览器会显示 "alt" 文本。

如果无法显示图像，将显示 "alt" 属性中的文本：

HTML基础操作：图片显示