★HTML貼圖語法★
程式說明 |
HTML所支援的圖形文件格式,可以透過<IMG>標籤插入網頁圖片, 使用<IMG>標籤時一般需要配合SRC屬性,該屬性可以指定圖片的路徑及名稱, 以及透過<IMG 參數>的其它參數進行對圖片的設定。 |
原始碼 | 觀看範例 |
<img src="圖片的網址">或<image src="圖片的網址"> |
使用名稱 | 原始碼 | 效果解釋 | 觀看範例 |
低度 預載 |
<img lowsrc="圖址"> | 此程式是可讓高解析度圖片 先以低解析度方式呈現 |
|
寬高 設定 |
<img src="圖址" width="36" height="44"> |
設定圖片不同的寬度跟高度 以滿足圖片在網頁中 所需要顯示的大小 |
|
說明 文字 |
<img src="圖址" alt="""歡迎光臨~阿泰104的窩">"" 移到圖上看看。 |
此標籤可以讓圖片 在不正常顯示的狀態 或是遊標移至圖片上方時 出現圖片的說明文字 |
移到圖上看看。 |
設定 邊框 |
<img src="圖址" border="2"> | 為插入的圖片加上邊框 而框線大小可用像素值表示 |
|
小平 間距 |
左邊<img src="圖址" hspace="10">右邊 |
設定圖片的左右水平間距 使用像素值進行設定 預設為零 |
左邊右邊 |
上下 間距 |
上面<br><img src="圖址" vspace="10"><br>下面 |
設定圖片的上下垂直間距 使用像素值進行設定 預設為零 |
上面 下面 |
圖文 對齊 |
<img src="圖址" align="對齊方式"> |
此標籤可以設定 文字與圖片的對齊方式 |
注意事項 |
對齊方式如下:
top : 對齊整行最頂端排列。 |