→網頁編輯
←上一頁
→回網頁語法選單
→回首頁
|
超鏈結
〔鏈結文字〕
<a href=鏈結路徑>文字</a>，如：
<a href=../9.jpg>可愛的鴨</a>
可愛的鴨
〔鏈結文字的滑鼠浮標〕
<a href=../9.jpg title='裡面是我的照片喔！'>可愛的鴨</a>
試試這裡：可愛的鴨
〔鏈結圖像〕
<a href=鏈結路徑><img src=圖檔路徑></a>，如：
<a href=../9.jpg><img src=../9.jpg></a>
不要圖框的超鏈結圖像：
<a href=鏈結路徑><img src=圖檔路徑 border=0></a>，如：
<a href=../9.jpg><img src=../9.jpg border=0></a>
〔建議〕：最好在圖像加註「說明浮標」，以利使用者判斷。
<img src=../9.jpg border=0 alt=請按這裡>
〔圖框顏色〕：鏈結圖像第一例中可發現圖像外框出現不同的顏色
這是因為瀏灠器記錄閱覽狀態，呈現超鏈結、鏈結中及鏈結後顏色
設定超鏈的顏色必須在<body>指令內指定：
<body link=ffff00 alink=ff00ff vlink=00ffff>
link表示尚未閱覽的超鏈結「錨」的顏色；
alink表示滑鼠按下去時鏈結中的顏色；
vlink表示已訪問過的鏈結顏色。
〔另開新頁鏈結〕
<a href=鏈結路徑 target=另開新頁的目標>文字</a>，如：
<a href=../8.jpg target=duck>可愛鴨鴨</a>
可愛鴨鴨
target有幾個預設的名稱及功能：
target=_blank 另開新頁(不取代已開設的新目標)
可愛鴨鴨
target=_new 另開新頁(取代已開設的新目標)
可愛鴨鴨
target=_top 取代目前的位址，做最上層展示
可愛鴨鴨
target=_self 在目前的框架次序開啟目標
可愛鴨鴨
不要關閉新開的網頁，試試_blank跟_new有何不同。
當然，也使用自定名稱試試吧！
〔網頁內部鏈結〕
在網頁內部要被鏈結的位置輸入：
<a name=鏈結目標名稱>
然後在網頁內的鏈結錨輸入：
<a href=#鏈結目標名稱>鏈結目標</a>
試試這裡：〔鏈結文字〕•〔鏈結圖像〕
〔usemap鏈結法〕
<map name="自訂map的名稱">
<area shape=形狀 coords="座標" href="鏈結目標網址">
<area shape=形狀 coords="座標" href="鏈結目標網址">
...
</map>
<img src="圖像的網址" usemap="#自訂map的名稱">
rect 方型 (x1,y1,x2,y2)
x1,y1 起點座標； x2,y2 對角座標
circle 圓型 (x1,y1,r)
x1,y1 圓心座標； r 半徑
polygon 多邊型 (x1,y1,x2,y2,…)
x1,y1 起點座標； x2,y2 第二連接點座標； 依此類推
【範例】
<map name="demo">
<area shape=rect coords="25,20,75,82" href="html00.htm" title=準備寫網頁>
<area shape=circle coords="132,52,30" href="html01.htm" title=網頁結構>
<area shape=polygon coords="203,28,232,78,180,78" href="html02.htm" title=初寫網頁>
<area shape=polygon coords="272,30,305,30,318,43,292,76,260,47" href="html03.htm" title=底色底圖>
</map>
<img src="images/map.jpg" usemap="#demo" border=0>
〔動態鏈結〕
在<Head>及</Head>間輸入：
<meta http-equiv="refresh" content="秒數; url=轉址網址">
<Head>
<meta http-equiv="refresh" content="3; url=01.htm">
</Head>
此例，3秒後即自動轉到 01.htm 那頁
|