網頁學習–圖片屬性設定

2009032411:25

 

 

圖片屬性設定
 

屬性

說明

範例

ALIGN

ALIGN="left" 將影像對齊視窗左邊界,其後的文字將沿著影像的右邊自動換行顯示。如右圖。

Power said to the world, "You are mine." The world kept it prisoner on her throne.

ALIGN="right" 將影像對齊視窗右邊界,其後的文字將沿著影像的左邊自動換行顯示。如右圖。 Love said to the world, "I am thine." The world gave it the freedom of her house.

ALIGN="top" 沿著行中最頂端對齊。如右圖。

Suzumiya-Haruhi

ALIGN="texttop" 沿著行中文字最高處對齊。通常與上一個屬性相同,但非完全一樣。

Suzumiya-Haruhi

ALIGN="middle" 沿著目前行的基準線對齊影像中間。

Suzumiya-Haruhi

ALIGN="bottom" 沿著目前行的基準線對齊影像底部。

Suzumiya-Haruhi

ALT

在非圖形環境下,因無法顯示圖形的替代文字。 注意

SRC

指定圖形的位址及名稱。 注意

BORDER

設定圖像的外框寬度。單像以像素決定。

<img src="photo.jpg" BORDER=5>

LOWSRC

顯示低解析度的影像。如果設定此屬性,瀏覽器會先顯示這個圖檔,等SRC的檔案下載完成後,再顯示SRC的圖檔。

WIDTH
HEIGHT

設定圖檔的寬度、及高度。單位可以像素決定,如WIDTH=80,或以百分比決定,如WIDTH=20%,圖形的高度會佔視窗的20%。

VSPACE
HSPACE

指定影像與前後文字或左右文字之間的距離。設定的單位以像素為主。 Your voice, my friend, wanders in my heart, like the muffled sound  of the sea among these listening pines.