:::圖片說明-1:::
範例
                          
A.貼在<head> 這裡 </head>

                
B.貼在<body> 指定位置 </body>

請將下列語法複製後先貼至﹝語法測試區02﹞內按「複製到剪貼簿」,再貼到HTML (或貼到記事本再複製貼到 HTML 中也可以)。

<table align=center><tr><td align=center>

<a onmouseover="showMsg('01說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字.......');" onmouseout="showMsg('');" href="網頁.htm" target="_blank"><img name="button1" src="圖檔01檔名路徑" border=0 width="71" height="46"></a>

</td>

<td align=center>

<a onmouseover="showMsg('02說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字.......');" onmouseout="showMsg('');" href="網頁.htm" target="_blank"><img name="button2" src="圖檔02檔名路徑" border=0 width="71" height="46"></a>

</td>

<td align=center>

<a onmouseover="showMsg('03說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字.......');" onmouseout="showMsg('');" href="網頁.htm" target="_blank"><img name="button3" src="圖檔03檔名路徑" border=0 width="71" height="46"></a>

</td>

<td align=center>

<a onmouseover="showMsg('04說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字,說明文字.......');" onmouseout="showMsg('');" target="_blank" href="網頁.htm"><img name="button3" src="圖檔04檔名路徑" border=0 width="71" height="46"></a>

</td>

</tr>

<tr>

<td align=center>標題01</td>

<td align=center>標題02</td>

<td align=center>標題03</td>

<td align=center>標題04</td>

</tr>

<tr>

<td align=center colspan=4>

<form name="picform">

<textarea name=message rows=5 cols=40 wrap=virtual style="background-color: #F5FFEC; color: #006C00">圖片說明(請選擇圖片)

</textarea></form></td></tr>

可更改的部份:

1. 文字說明框色彩可在頁面修改,在表單上按滑鼠右鍵 → 表單欄位內容 → 樣式 → 格式→框線→網底。

2.  圖片、連結都可在頁面編輯。

3. 如要多增加項目,可在頁面先插入表格,再複製語法中的

<a onmouseover="showMsg('01說明文字,.................................................width="71" height="46"></a></td>」貼到 HTML 新表格的位置,再更改圖片、文字說明內容即可。

 --隨意玩網--語法練習--
△TOP