超链接 (1)

a 链接 


 href 页面地址 - 跳转页面 

1 <a href="http://i.cnblogs.com/">jill-1231博客</a> 

 

 href 压缩包 - 下载

1 <a href="yasuobao.rar">点击下载</a> 

 

 href 写的是个id的话，点击之后会直接跳转到id所在位置（锚点）

  1 <!DOCTYPE html>

 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6 <style>
 7 #div1{height:100px;margin:200px 0; brackground:green;}
 8 #div2{height:300px;margin:100px 0; brackground:red;}
 9 </style>
10 
11     </head>
12     <body>
13             <a href="#div1">div1</a>  
14             <a href="#div2">div2</a> 
15             <a href="https://www.google.com.hk/webhp?hl=zh-CN#lis-ib">谷歌</a>
16             
17              <div id="div1">div1</div> 
18              <div id="div2">div2</div>
19     </body>
20 </html>     

 

target="_blank" - 新窗口打开

target="_self" - 当前窗口打开（默认） 

<a href="http://www.baidu.com">百度</a>

<a href="http://www.qq.com" target="_blank">腾讯QQ</a> 

 

 

 

posted @ 2016-02-22 14:42  jill1231  阅读(251)  评论(0)  编辑  收藏  举报