一份只有文字的網頁,是無法引起任何人注意的。尤其是一個完全由文字所構成的硬邦邦的WAP網頁,看起來就比有圖型的網頁比較起來生澀的多了。 一旦你找到適當檔案格式的電子圖像,就可以準備運用影像標籤(image tag)了。<img>和錨標籤很類似,因為它們都是指向一個實際上並不在網頁的來源--在這個例子中,使用SRC(來源)屬性,指向數位圖像,就像<img src="moon.wbmp>。當你將圖像檔放在與你的網頁同一個目錄下時,這個標籤就會找到它,然後將其呈現在瀏覽器上。
在你開始用圖片為自己的網頁增添色彩時,要將兩件事謹記於心。圖像,即使是很小張的圖片,仍需要比文字更多的時間來下載,因此,不管是實際大小或是檔案大小,別忘了要在仍能傳達訊息的情況下,盡可能將圖片做得愈小愈好。你也可以利用<img>標籤的WIDTH和HEIGHT屬性,來加快下載的速度。假如像我們的例子一樣,圖像是寬100像素,高50像素的話,你不妨使用下面的標籤: <img src="moon.wbmp" width=100 height=50>亦可以用百分比來表示: <img src="moon.wbmp" width=20% height=30%> 最後,你還需要利用<img>標籤中的align屬性,來擺置自己的圖像;此種屬性的選項有top、middle或是bottom。
|