<img src="http://pic.pimg.tw/assf0102/1380949774-1813281762.png" width="513" height="672" usemap="#map" border="0" /></span>
</p>
<p><map name="map">
-------
中文的意思:
第一段語法
<img src= (以這個圖檔路徑為準="http://XXXXXXXXX-yyyyyyyy.png",
以這個例子為例:先插入之前上傳的tw.png 圖檔,接者,選取圖檔>按右鍵>內容_出現方塊,複製>網址(URL)後面http://xxxxxx-yyyy.png, 接者把寬、高尺寸打進去如:width="xxx" height="xxx" border通常預設為="0", 暫且翻成使用地圖的定義usemap="#map"),完成。簡言之,告訴電腦程式,這個要超連結的電腦圖檔放在哪,圖檔的寬高的尺寸,最後定義定義他是#地圖,/反斜線代表結束設定。
第二段語法
<p>印出
<map name="map"> 地圖名稱="地圖",意思要程式是找出前段設定的中usemap="#map"
-------
注意:在你的圖片資料夾裡必須先存有tw.png的原台灣圖檔,否則html無法正常開啟,因為抓不到原圖圖檔,程式無法呼叫,
html只能看到空白圖檔,把原圖檔tw.png存到與html相同資料夾內,就可以抓到圖做出超連結了,po上後,標籤中文不顯示或亂碼,
改成英文就OK了。
1>上傳一張網路地圖tw.png到pixnet相簿裡
2>發表文章,插入圖片
3>點選Html>檢視語法>先刪除原來圖的影像圖片<p><img href="pixnet/010101010">
4> 加入(複製貼上) 座標值,及超連結(例子:基隆、台北、台中)
5>中文字不顯現,可以改用英文字
6> 原部落格的tag標籤不見了,後加的Alt也無法顯現
<img src="tw.png" usemap="#map" border="0" height="672" width="513">
<map name="map">
<area shape="rect" coords="439,25,484,44" alt="Klcg gov" href="http://www.klcg.gov.tw/">
<>
<area shape="rect" coords="223,206,266,234" alt="abc_台中市政府" href="http://www.taichung.gov.tw/">
</map>
留言列表