第六节 链接标签 

 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>

 

posted @ 2020-03-05 14:46  kog_maw  阅读(116)  评论(0)    收藏  举报