1.语法
在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,其基本语法格式如下:
1 <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
href属性:链接的地址,链接的地址可以是一个网页,也可以是一个视频、图片、音乐等等。
target属性:
- _blank:在一个新的窗口中打开链接
- _self(默认值):在当前窗口中打开链接
- _parent:在父窗口中打开页面(框架中使用较多)
2.外部链接
可以打开别人的网页:
1 <a href="https://www.baidu.com">在当前窗口打开百度</a> 2 <a href="https://www.baidu.com" target="_self">在当前窗口打开百度</a> 3 <a href="https://www.baidu.com" target="_blank">在新的窗口打开百度</a>
3.内部链接
1 <a href="1.外部链接.html">打开内部链接</a>
4.空链接
1 <a href="#">空链接</a>
5.锚点链接
通过创建锚点链接,用户能够快速定位到目标内容。
1 <h1 id="top">顶部</h1> 2 ... 3 <a href="#top">回到顶部</a>
跳转到其他页面:
1 <a href="5.锚点链接2.html#top">回到另一个页面顶部</a>
5.锚点链接2.html
1 <h1 id="top">顶部</h1>
6.base 标签
base 可以设置整体链接的打开状态
base 写到 head
1 <head> 2 <meta charset="utf-8"> 3 <title>文档标题</title> 4 <base target="_blank"> 5 </head> 6 <body> 7 <a href="http://www.baidu.com">在新窗口打开百度</a> 8 <a href="http://www.baidu.com" target="_self">在当前窗口打开百度</a> 9 </body>
7.设置链接的颜色
-
link连接的颜色
-
alink正在点击的颜色
-
1 <body link="red" alink="yellow" vlink="green"> 2 <a href="https://taobao.com">淘宝</a> 3 <a href="https://jingdong.com">京东</a> 4 </body>