Html學習筆記3

成績單姓名語文英語數學 100 100

100

姓名: 小明喜歡水果: 蘋果

香蕉

一、「網頁1」引用海賊王

假設在「網頁1」引用「海賊王」這張。則路徑有兩種寫法：

寫法一：

寫法二：

以上兩種方法都能達到效果。為什麼呢？這就是相對路徑和絕對路徑的問題。

1、相對路徑

寫法一採用了「相對路徑」方法，所謂的相對路徑，就是在同乙個站點下，不同檔案之間的的位置定位。我們分析一下，「網頁1」和images目錄位於站點booktest根目錄下，而海賊王位於images目錄下。那麼src應該是「images/海賊王.jpg」。

那有同學就會問，那下圖2中。「網頁1」假設要引用海賊王的相對路徑怎麼寫呢？

相對路徑

答案應該是：

對於寫法二。採用的是「絕對路徑」方法，所謂的絕對路徑就是完整的路徑。

（ 2）、「網頁2」引用海賊王

我們再回到圖1中的資料夾內容，假設在「網頁2」引用「海賊王」這張，路徑也有兩種寫法：

相同。寫法一是相對路徑寫法。而寫法二是絕對路徑寫法。

我們分析一下。「網頁2」位於test目錄下，而海賊王位於images目錄下。因此，相對於「網頁2」，海賊王位於「網頁2」上一級目錄下的images目錄下。因此。src的寫法為「../images/海賊王.jpg」 alt=」海賊王」。

如今就能夠對相對路徑寫法進行總結了。相對路徑的寫法首先就是要分析當前網頁的位置和影象的位置之間的關係，然後用一種方式把他們之間的相對關係表達出來。

寫法二是「絕對路徑」寫法，跟「網頁1」引用海賊王的寫法一樣。絕對路徑，僅僅要你的沒有移動到別的地方，全部網頁引用該的路徑寫法都是一樣的。

大家略微想一下就懂了。

引用：

（1）jpg格式

jpg能夠非常優點理大面積色調的影象，如相片、網頁一般的。

（2）png格式

png支援透明資訊。所謂透明，即影象能夠浮如今其它頁面檔案或頁面影象之上，如圖1。

能夠說，png是專門為web創造的影象，通常大部分頁面設計者在頁面中增加llogo或者是一些點綴的小影象時，都會選擇使用png格式。

因為jpg格式容量較大。在保證清晰、逼真的前提下，網頁中不可能大範圍使用檔案較大的jpg格式。

png格式體積小。並且無失真壓縮，能保證網頁的開啟速度。所以png格式是非常好的選擇。

因為png優秀的特點。png格式能夠稱為「網頁設計專用格式」。

（3）gif格式

gif僅僅支援256色以內的影象。

所以，gif格式的效果是非常差的。

可是。gif有乙個最大的特點。就是能夠製作動畫，影象作者利用影象處理軟體。將靜態的gif影象設定為單幀畫面。然後把這些單幀畫面連在一起。設定好乙個畫面到下乙個畫面的間隔時間，最後儲存為gif格式就能夠了。

能夠說。這就是簡單的逐幀動畫。眼下這樣的格式的動畫在網際網路上廣為流行。