HTML超連結的使用

今日學習超連結

1、文本連結

使用一對<a>标簽

格式：< href ="目标URL" target="目标視窗"> 指針文本    </a>

target屬性       _blank　　新視窗

　　　　　　_self　　目前視窗

　　　　　　_parent　　父視窗

　　　　　　_top　　　　整個視窗

　　　　　　架構名稱 　　指定的架構中

1     
 2   </head>
 3           常用的購物網站有：
 4           <ul>
 5               <li>  <a href ="http://www.taobao.com/" target ="parent">  淘寶 </a> </li>
 6               <li>   <a href ="javascript:void(0)" target ="_blank" >  rainbow的部落格 </a></li>
 7               <li>    <a href ="http://www.jd.com"  target="_top">   京東</a></li>
 8               
 9            
16           
17           </ul>
18      

2、書簽連結

可以用于目前頁面書簽位置之間跳轉

第一步，建立書簽，第二步，建立書簽連結

一、　　<a name="書簽名">   [文字或者圖檔] </a>

二、　　<a href="#書簽名">  源端點  </a>

三、　　連結到不同頁面的書簽連結 　　　　<a href ="file_URL#書簽名"> 源端點 </a>

3、圖檔标記

<img  src="圖檔檔案路徑"  alt="提示文本"  height="圖檔高度" width="圖檔寬度" />

設定圖檔的熱點區域

<img src ="路徑"  usemap="#map 名 "/>
<map name ="map 名">
 　　<area shape = "圖檔熱區形狀"   coords=“熱區坐标”  href="連結位址"
</map>      

好看請贊，養成習慣 :) ，作者：靠譜楊

關于筆者：我可能不是天才，但我會努力成為人才。

更多日常分享盡在我的VX公衆号：小楊的挨踢IT生活