码迷,mamicode.com
首页 > 其他好文 > 详细

超链接 (1)

时间:2016-02-22 15:57:10      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:

a 链接 


 href 页面地址 - 跳转页面 

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

 

 href 压缩包 - 下载

1 <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             <href="#div1">div1</a>  
14             <href="#div2">div2</a> 
15             <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" - 当前窗口打开(默认) 

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

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

 

 

 

超链接 (1)

标签:

原文地址:http://www.cnblogs.com/jill1231/p/5207094.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!