close
一般連結:
 
<a href="#">文字連結 </a>
文字滑過效果:

body a { text-decoration:none; cursor:pointer; color:#000; }
body a:hover { text-decoration:none; cursor:pointer; color:#666; }
text-decoration:none; 連結底線:無
cursor:pointer; 游標顯示:手指
color:#666; 文字顏色:色碼

-------------------------------------------------------------------------------------------------------------


連結視窗顯示方式:
 
<a href="#" title="連結文字敘述" target="_blank">文字連結 </a> 

target:
_self → 在本業切換(預設) 
_blank 開啟一個新視窗,後續開啟的新視窗都會另開,不會覆蓋。
_new 開啟一個新視窗,後續開的新視窗會覆蓋掉之前已經開啟的視窗。
_top  將網頁本身框架限制關閉,並且在原處開啟一個單頁的網頁。
_parent 與 _top 相近,父子視窗。 
_name  將欲開啟的視窗位置,指定在被命名為"name"的分割視窗內。

------------------------------------------------------------------------------------------------------------- 

信箱連結:(自動開啟outlook)
 
<a href="mailto:123456789@yahoo.com.tw">
※信箱自行修改輸入

 -------------------------------------------------------------------------------------------------------------  

圖片上設連結:

<img src="#" width="100" height="100" border="0" usemap="#Map" />
<map name="Map" id="Map">
  <area shape="rect" coords="x,y,x,y" href="#" />
  <area shape="circle" coords="x,y,r" href="#" />
  <area shape="poly" coords="x,y,x,y,x,y" href="#" />
</map>
連結形狀:
rect 方形  x,y,x,y (左上點座標XY,右下點座標XY)
circle 圓形  x,y,r (圓心點座標XY,半徑R)
poly 多邊形  x,y,x,y,x,y (任意點座標,任意點座標,任意點座標,(可設定多點))


※使用前需將<>換半形。
 
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 YinMengWu 的頭像
    YinMengWu

    YinMengWu

    YinMengWu 發表在 痞客邦 留言(1) 人氣()