範例 : <<Rich峰MSN Space相片導覽>>
製作表格3x1語法如下 :
<table align="center" width="99.7%" title="輸入標題" cellspacing="8" style="font-size:12px;border:1px solid black;">
<caption style="font-size:14px;font-weight:bold;">
輸入標題
</caption>
<tr style="vertical-align:middle;">
<th width="33%">輸入第1張照片名稱</th>
<th width="33%">輸入第2張照片名稱</th>
<th>輸入第3張照片名稱</th>
</tr>
<tr style="vertical-align:bottom;">
<td align="center" style="filter:DropShadow(color=#888888,offX=3,offY=3);">
<a target="_blank" href="http://輸入第1張照片的連結網址URL">
<img border="0" alt="點選縮圖顯示完整照片" src="http://輸入第1張照片的連結網址URL"></a>
</td>
<td align="center" style="filter:DropShadow(color=#888888,offX=3,offY=3);">
<a target="_blank" href="輸入第2張照片的連結網址URL">
<img border="0" alt="點選縮圖顯示完整照片" src="http://輸入第2張照片的連結網址URL"></a>
</td>
<td align="center" style="filter:DropShadow(color=#888888,offX=3,offY=3);">
<a target="_blank" href="http://輸入第3張照片的連結網址">
<img border="0" alt="點選縮圖顯示完整照片" src="http://輸入第3張照片的連結網址URL"></a>
</td>
</tr>
<tr style="vertical-align:top;">
<td>輸入照片1下方的圖片介紹文字</td>
<td>輸入照片2下方的圖片介紹文字</td>
<td>輸入照片3下方的圖片介紹文字</td>
</tr>
</table>
施工要則 :
1.照片請上載至任一網路空間，且欲連結之照片網址需無窒礙問題。
2.此為3x1表格語法，可再自行改寫HTML語法可擴充，或是減少。
3."點選縮圖顯示完整照片"，可自行輸入滑鼠移至圖片上方時，欲顯示之文字提示。
4.相關設計原理，請參考高手級教學 :
【能量魔法】 <<進階認識DIV標籤語法的相關應用>>
【爬山虎的世界】 <<建立功能強大的自定義Space相冊>> <===原創
5.輸入標題、照片名稱、照片連結、圖片介紹文字都寫好的後，將此語法複製，
進去網誌的HTML功能中，再貼上語法，
再回到編輯網誌的頁面，即會顯示表格化的圖片嘍!!
6.若顯示圖片出現過大情況時，請在圖片上按鼠右鍵，將圖縮至25%。
留言列表
