<html>

<body background=\"大众background.jpg\公众>

<h3>图像背景</h3>

html图片显示HTML基本操作图片显示 Vue.js
（图片来自网络侵删）

<p>gif 和 jpg 文件均可用作 HTML 背景。
</p>

<p>如果图像小于页面，图像会进行重复。
</p>

</body>

</html>

HTML根本操作：图片显示

排列图片

本例演示如何在笔墨中排列图像。

<html>

<body>

<h2>未设置对齐办法的图像：</h2>

<p>图像 <img src =\"大众/cute.gif\"大众> 在文本中</p>

<h2>已设置对齐办法的图像：</h2>

<p>图像 <img src=\公众/cute.gif\"大众 align=\"大众bottom\"大众> 在文本中</p>

<p>图像 <img src =\"大众/cute.gif\"大众 align=\"大众middle\公众> 在文本中</p>

<p>图像 <img src =\"大众/cute.gif\"大众 align=\"大众top\"大众> 在文本中</p>

<p>请把稳，bottom 对齐办法是默认的对齐办法。
</p>

</body>

</html>

HTML根本操作：图片显示

浮动图像

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

<html>

<body>

<p>

<img src =\公众/cute.gif\"大众 align =\"大众left\"大众>

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

</p>

<p>

<img src =\公众/cute.gif\"大众 align =\公众right\公众>

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

</p>

</body>

</html>

HTML根本操作：图片显示

调度图像尺寸

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

<html>

<body>

<img src=\"大众/mouse.jpg\"大众 width=\公众50\"大众 height=\公众50\"大众>

<br />

<img src=\"大众/mouse.jpg\公众 width=\"大众100\公众 height=\"大众100\公众>

<br />

<img src=\"大众/mouse.jpg\"大众 width=\"大众200\"大众 height=\公众200\公众>

<p>通过改变 img 标签的 \公众height\公众 和 \"大众width\公众 属性的值，您可以放大或缩小图像。
</p>

</body>

</html>

HTML根本操作：图片显示

为图片显示更换文本

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

<html>

<body>

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

<p>请把稳，如果您把鼠标指针移动到图像上，大多数浏览器会显示 \公众alt\公众 文本。
</p>

<img src=\公众/goleft.gif\公众 alt=\公众向左转\"大众 />

<p>如果无法显示图像，将显示 \"大众alt\"大众 属性中的文本：</p>

<img src=\"大众/goleft123.gif\公众 alt=\"大众向左转\"大众 />

</body>

</html>

HTML根本操作：图片显示