超链接 (1)-CSDN博客

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>