html图像标签

标题html图像标签
图片的格式主要用以下三种：

1、JPG格式：有损压缩、色彩丰富的图片。

2、PNG格式：无损压缩、透明、交错、动画

3、GIF格式：简单动画、背景透明。

在有了图片之后，就可以用HTML中的img标签来将图片显示在网页之中。通过src属性设置图片的文件位置（可以是绝对路径也可以是相当路径）。在img标签对中，还包含了众多属性。包括：alt、title、width、height、border、hspace、vspace、align。

语法格式：

<img src=“图像文件地址”

alt=“替换文字”

title=“说明文字”

width=“x”

height=“y”

border=“边框长度”

hspace=“x”

vspace=“y”

align=“对齐方式”/>

各属性功能表：

属性	值	说明
src	url地址	设置要加入的图像文件的url地址。
alt	文字	设置当图像无法显示时显示的替换文字。
title	文字	鼠标停留在图像上时显示的说明文字。
border	像素	设置图像外围边框宽度。
align	对齐方式（见下表）	设置图像在页面中的位置。
width、height	像素/百分比	设置图像的宽度和高度。
hspace、vspace	像素/百分比	设置图像左右或上下留多少空白。

附表：

align取值	说明
top	把图像的顶部和同行的最高部分对齐。
middle	把图像的中部和行的中部对齐（通常为本文行的基线，不是实际的行中间）。
bottom	把图像的底部和同行文本的底部对齐。
texttop	把图像的顶部和同行中最高的文本的顶部对齐。
absmiddle	把图像的中部和同行中最大项的中部对齐。
baseline	把图像的底部和文本的基线对齐。
absbottom	把图像的底部和同行中的最低项对齐。
left	使图像和左边界对齐。
right	使图像和有边界对齐。

案例：