路径可以分为： 相对路径和绝对路径 1. 相对路径（相对当前文件而言的路径）
以引用文件之网页所在位置为参考基础，而建立出的目录路径。 因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同， 故称之为相对路径。 1. 图像文件和HTML文件位于同一文件夹：只需输入图像文件的名称即可，如<img src="logo.gif" />。 2. 图像文件位于HTML文件的下一级文件夹：输入文件夹名和文件名，之间用“/”隔开，如<img src="img/img01/logo.gif" />。 3. 图像文件位于HTML文件的上一级文件夹：在文件名之前加入“../” ，如果是上两级，则需要使用 “../ ../”，以此类推，如<img src="../logo.gif" />。绝对路径（文件的完整路径）
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的 “D:\web\img\logo.gif”，或完整的网络地址，例如“http://www.itcast.cn/images/logo.gif”。属性讲解： src:图片的路径； title:当鼠标放在图片上会显示的内容； alt：当图片损坏的时候回显示的内容； 案例：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <img src="timg.jpg" height="350" title="胡歌" /> <h3>title 鼠标放到图片上，显示的文字 </h3> <img src="timg.gif" title="梅长苏" /> <h3>alt 图片显示不出的时候，替换的文字</h3> <img src="timg1.gif" title="梅长苏" alt="我是梅长苏， 没了" /> <h3>border 图片边框</h3> <img src="timg.gif" title="梅长苏" alt="我是梅长苏， 没了" border="10"/> </body> </html>注意：演示案例的时候需要注意图片与文件的路径；
