图片标签

图片标签

写法：

<img src="img.png" alt="图片显示不出" title="鼠标移上图片">

src: 图片的地址（绝对路径/相对路径）

绝对路径：

<img src="G:/testworkspace/logo.png"/>

绝对路径的缺点：当我们的网页制作完成时，图片所写的路径是绝对路径时，在自己的计算机上看是不会出问题的，一旦我们的代码上传在服务器上这个图片是不会显示出来的。

相对路径

<img src="image/logo.png"/>

相对路径是我们在本地新建一个文件夹，名字为image，它里面有一张图片，名为logo.png的图片，当html页面与图片同级是src的写法为<img src="logo.png"/> ，当html页面与image文件夹同级并且图片在image文件夹下路径的写法为 <img src="image/logo.png"/> ，用斜杠 / 表示下一级。当图片在HTML页面之外的写法为 <img src="../image/logo.png"/> ,用 ../来表示向上一级，我们在开发中，如果是本地的图片大部分路径要写成相对路径

alt: 当图片显示不出来时，所要显示的文字

title: 当鼠标悬停在图片上时，所要显示的文字。