| 【貼圖語法】 |
| 程式說明 |
|
HTML所支援的圖形文件格式，可以透過<IMG>標籤插入網頁圖片， 使用<IMG>標籤時一般需要配合SRC屬性，該屬性可以指定圖片的路徑及名稱， 以及透過<IMG 參數>的其它參數進行對圖片的設定。 |
| 存放位置 |
| 將下列程式存放至 <body> 標籤後 </body> 標籤前。 |
| 原始碼 | 觀看範例 |
| <img src="圖片的網址">或<image src="圖片的網址"> |  |
| 使用名稱 | 原始碼 | 效果解釋 | 觀看範例 |
| 低度 預載 |
<img lowsrc="圖址"> | 此程式是可讓高解析度圖片 先以低解析度方式呈現 |
|
| 寬高 設定 |
<img src="圖址" width="26" height="49"> |
設定圖片不同的寬度跟高度 以滿足圖片在網頁中 所需要顯示的大小 |
 |
| 說明 文字 |
<img src="圖址" alt="本站特約模特兒"> 移到圖上看看。 |
此標籤可以讓圖片 在不正常顯示的狀態 或是遊標移至圖片上方時 出現圖片的說明文字 |
移到圖上看看。 |
| 設定 邊框 |
<img src="圖址" border="2"> | 為插入的圖片加上邊框 而框線大小可用像素值表示 |
|
| 小平 間距 |
左邊<img src="圖址" hspace="10">右邊 |
設定圖片的左右水平間距 使用像素值進行設定 預設為零 |
左邊右邊 |
| 上下 間距 |
上面<br><img src="圖址" vspace="10"><br>下面 |
設定圖片的上下垂直間距 使用像素值進行設定 預設為零 |
上面 下面 |
| 圖文 對齊 |
<img src="圖址" align="對齊方式"> |
此標籤可以設定 文字與圖片的對齊方式 |
|
| 注意事項 |
|
對齊方式如下:
top : 對齊整行最頂端排列。 |
| │課程編撰：不二家│單元編號：H8 篇│版權所有：神羅集團│ |