HTML入门（6）

这篇blog介绍一下跟img标签有关的内容。

在HTML中，我们可以使用img标签来显示一张图片。

img标签中有3个属性：src、alt、title.

src用于指定这个图片所在的路径，任何一张图片都需要指定它的路径才能使用。

alt属性用于图片描述，这个描述文字是给搜索引擎看的。当图片无法显示时，页面会显示alt中的文字。在写img标签时和src一样必须加上。

title属性也是图片描述，但这个描述文字是给用户看的。当鼠标指针移到图片上时，会显示title中的文字。

——————————————————————————————————————————

图片路径

绝对路径

<img src="‪E:\NANA\nana wallpaper.jpg"/>

图片在电脑中的完整路径。

相对路径

相对路径，指的是图片相对当前页面的位置

如果这张叫nanawallpaper的图和你当前的html文档在同一目录下，可以这么写

<img src="nanawallpaper.jpg"/>

如果这张图和你的html文档不在同一文件夹，而是在相邻的一个名字叫img的文件夹里面，则是

<img src="img\nanawallpaper.jpg"/>

如果这张图在上一级目录的img文件夹内

<img src="..\img\nanawallpaper.jpg"/>

实际开发时多用相对路径，在填写路径时，编译器会有提示，所以其实并不是很麻烦。

要注意的是图片文件名尽量用英文。

图片格式

如果想要展示色彩丰富的高品质图片，可以使用jpg格式；如果是一般图片，为了减少体积或者想要透明效果，可以使用png格式；如果是动画图片，可以使用gif格式。