在這幾日的學習中，發現這兩種方式的圖片引入有一定的差異，<img src="">和url（）
前者定義：
<img> 標簽的 src 屬性是必需的。它的值是圖像文件的 URL，也就是引用該圖像的文件的的絕對路徑或相對路徑。
后者定義：
在CSS中有用url語法來指定background-image或是其他引用文件中
區別簡言之：
1.前者是寫在html中，后者寫在css（疊層樣式表）中
2.img是圖片插入語法 src是源 source 簡寫 url是地址欄（網絡或本地）
3.<img src="'img/ds.png"> 不需要設置寬高
background-image:url('img/ds.png'); 因為是作為背景，所以需要設置寬高，才可以顯示出來
4.引用路徑詳解
絕對路徑：
· /：代表根目錄，絕對路徑。如：<ahref="/abc">文本</a>或<img src="/abc" />
· D:/abc/：代表根目錄，絕對路徑。
相對路徑：
· .：代表目前所在的目錄，相對路徑。如：<ahref="./abc">文本</a>或<img src="./abc" />
· ..：代表上一層目錄，相對路徑。如：<ahref="../abc">文本</a>或<img src="../abc" />
· ../../：代表的是上一層目錄的上一層目錄，相對路徑。如：<imgsrc="../../abc" />
相對路徑就是指由這個文件所在的路徑引起的跟其它文件(或文件夾)的路徑關系。
1 兩個文件在同一個文件夾下，直接寫文件名即可
假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\Inetpub\wwwroot\sites\blabla\index.html
在info.html加入index.html超鏈接的href應該這樣寫：index.html
2 要引用的文件在下一級文件夾下，文件名前加子文件夾名稱
假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html
在info.html加入index.html超鏈接的href應該這樣寫：html/tutorials/index.html
3 要引用的文件在上一級文件夾下，文件名前加../
假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\Inetpub\wwwroot\sites\index.html
在info.html加入index.html超鏈接的代碼應該這樣寫：<a href="../index.html">index.html</a>
舉一反三： ../表示源文件所在目錄的上一級目錄，../../表示源文件所在目錄的上上級目錄，以此類推。
4 更復雜的情況：
假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html
假設index.html路徑是：c:\Inetpub\wwwroot\sites\html\index.html
在info.html加入index.html超鏈接的代碼應該這樣寫：<a href="../html/index.html">index.html</a>
部分轉：http://www.cnblogs.com/WhiteM/p/6083012.html