<html&gt;

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

<h3>图像背景</h3>

html如何控制图片的显示HTML基本操作图片显示 RESTful API

<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根本操作:图片显示