HTML(五) 使用img标签

相对路径和绝对路径

<img src="1.jpg"/>在当前目录下的图片
<img src="../2.jpg">在当前目录的父级目录下的图片
<img src="http://www.baidu.com/img/bdlogo.gif"/>在远程网络上的图片
<img src="D://3.jpg"/>在本地目录下的图片

---

设置图片的尺寸

根据设定的大小显示，也可以使用百分比，是按照父窗口的占比进行调整

<img width="150" height="200" src="liu.jpg"/>

---

alt 属性

alt 属性为图像设置替换文本，当图片找不到或者不能正常显示的时候使用

<img width="250" height="300" alt="我是图片" src="2.jpg"/>

---

title 属性

title 属性为图像设置标题，当鼠标移动上去的时候进行显示

<img width="150" height="200" title="我是注释"  src="1.jpg"/>