插入圖片標記<IMG>
今天看到的豐富多彩的網頁,都是因為有了圖像的作用。想一想過去,網絡中全部都是純文本的網頁,非??菰?,就知道圖像在網頁設計中的重要性了。在html頁面中可以插入圖像,網頁常用的圖像格式有JPEG和GIF兩種:
JPEG(Joint Photographic Experts Group)是特別為照片圖像設計的文件格式。JPEG支持數百萬種色彩。JPEG是質量有損耗的格式,這意味著在壓縮時一些圖像數據被丟失了,這降低了最終文件的質量。然而圖像數據被拋棄得很少,不會在質量上有非常明顯的不同。
圖形交換格式GIF是網頁圖像中很流行的格式。雖然它僅包括256種色彩,但GIF提供了出色的、幾乎沒有丟失的的圖像壓縮。并且GIF可以包含透明區域和多動畫。它靠水平掃描像素行找到固定的顏色區域進行壓縮,然后減少同一區域中的像素數量。因此GIF 通常適應于卡通、圖形、Logo、帶有透明區域的圖形、動畫等。
頁面中插入圖片可以起到美化的作用。插入圖片的標記只有一個,那就是<img>標記。插入圖片的時候,僅僅使用<img>標記是不夠的,需要配合其它的屬性來完成。

圖像的源文件屬性SRC
配合src屬性指定圖像源文件所在的路徑,就可以完成圖像的插入了。
基本語法
<img src="File_name">
語法解釋
通過src屬性指定路徑,File_name為要插入圖像的路徑。
文件范例:9-1.htm
通過<img>標記的src屬性插入圖片。

 <html>
 <head>
 <title>插入圖片</title>
 </head>
 <body>
 <h1>主流的網頁設計軟件</h1>
 <img src="9-1.JPG">
 目前,網頁技術進入了一個新的階段,現在的網頁再也不是圖片的堆積和枯燥無味的文本了,人們現在追求的是網頁的動態效果和交互性。而Macromedia公司的網頁設計三劍客軟件Dreamweaver、Flash、Fireworks正是交互性網頁設計的杰出代表,其最新版本mx 2004繼承了前期版本的優點,進行了功能的進一步整合,非常適合于網頁設計和網站建設的需要。<p>
 </body>
 </html>