HTML超链接的使用

今日学习超链接

1、文本链接

使用一对<a>标签

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

target属性       _blank　　新窗口

　　　　　　_self　　当前窗口

　　　　　　_parent　　父窗口

　　　　　　_top　　　　整个窗口

　　　　　　框架名称 　　指定的框架中

---

    
  </head>
          常用的购物网站有：
          <ul>
              <li>  <a href ="http://www.taobao.com/" target ="parent">  淘宝 </a> </li>
              <li>   <a href ="https://www.cnblogs.com/rainbow-1/" target ="_blank" >  rainbow的博客 </a></li>
              <li>    <a href ="http://www.jd.com"  target="_top">   京东</a></li>
              
           
          
          </ul>
          

---

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>