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 ="https://www.cnblogs.com/rainbow-1/" 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>

 

posted @ 2020-10-19 21:42  靠谱杨  阅读(107)  评论(0)    收藏  举报