第六节 链接标签

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>链接标签</title>
 6 </head>
 7 <body>
 8     <!-- herf属性:定义跳转的地址
 9          title属性:定义鼠标悬停时弹出的提示文字框
10          target属性:
11                      target="_self" 缺省值,新页面替换原来的页面,在原来的位置打开
12                      target="_blank" 新页面会在新开的一个浏览器窗口打开 -->
13     <h1>网页一的标题</h1>
14 
15     <a href="https://www.baidu.com" title="这是去百度的链接" target="_blank"><img src="图片1.png" alt="百度链接"></a>
16     <!-- 图片做链接 -->
17 
18     <a href="https://www.baidu.com"/>百度的链接</a>
19     <!-- 文字做链接 -->
20 
21     <a href="#">缺省链接,直接跳到页面顶部</a>
22 
23     <a href="javascript:alert('ok');">缺省链接,直接跳到页面顶部</a>
24     <!-- 执行js语句 -->
25 
26     <a href="javascript:;">缺省链接,直接跳到页面顶部</a>
27     <!-- 保持href属性,但是点击以后什么都不做,如果没有href属性就不可以点击了 -->
28 
29 </body>
30 </html>
原文地址:https://www.cnblogs.com/kogmaw/p/12420191.html