html中a标签的⽤法
<a>标签的三种⽤法
<!--本博客所有⽰例均在页⾯底部-->
  1 页⾯跳转
    <!--href 是属性，"引号引起来的是属性值"
    写法<a href = "路径" target="属性值">这个路径在这指的是需要跳转的页⾯的⽹址</a>
    <!--记忆⽅式：target英⽂单词含义对象。即后⾯的属性值对前⾯的属性进⾏处理，对象的处理⽅式为（下⾯五种⽅式）-->
      target的属性值有： 
              _blank：target="_blank" 含义：在⼀个新的窗⼝打开被连接⽂档    <!--记忆⽅式：英⽂单词blank 形容词空的即在空的页⾯打开-->
              _self：target="_self" 含义：在当前页⾯打开被链接⽂档　<!--记忆⽅式： self 名词⾃⼰即在当
前页⾯打开-->
              _parent：target="_parent" 含义：在⽗框架集中打开被链接⽂档    <!--记忆⽅式： parent 名词单数⽗亲或母亲，即在⽗框架打开-->
              _top：target="_top" 含义：在整个窗⼝打开被链接⽂档  <!--记忆⽅式：top名词顶部即在顶部窗⼝打开-->
              注：这是4 个保留的⽬标名称⽤作特殊的⽂档重定向操作，特殊属性值
              framename：在指定的框架中打开被链接⽂档，把frame看做内置浏览器。
              _parent，_top，name，必须结合frame的使⽤（还理解不了，在学习）
  2 定位
  设定锚点：
在要定位到的位置⼀个标签给他加id属性，属性值就是锚点名称
⽰例：
<a href="#">内容</a>      <!--#的意思是跳转到本页-->
　定位锚点：
跳转到指定锚点
  3 下载 or其他
  a 标签跳转到的⽂件浏览器打不开，然后会选择提供下载
　例如RAR⽂件（即href路径为rar⽂件）
<a href = "../../.rar">内容</a>
⽰例：
页⾯跳转代码：
1<body>
2
3<h3>Table of Contents</h3>
4<ul>
5<li><a href="pref.html" target="view_window">preface</a></li>
6<li><a href="chap1.html" target="view_window">chapter</a></li>
7<li><a href="chap2.html" target="view_window">chapter</a></li>
8<li><a href="chap3.html" target="view_window">chapter</a></li>
9
10</body>
跳转页⾯代码
运⾏截图
注意：实际运⾏过程，<a href="路径">内容</a>均会展现内容下有下划线以及⿏标移动⾄内容处变⼩⼿。定位代码：
1<!doctype html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>例⽂-锚点链接</title>
6</head>
7<div align="center"><!--后⾯标题内容居中-->
8<h3><a href="#music">⾳乐</a></h3><!--标题内容-->
9<h3><a href="#movie">电影</a></h3>
href标签怎么用
10<h3><a href="#game">游戏</a></h3>
11</div>
12<div ><!--设置字体尺⼨-->
13 ...<br><!--换⾏-->
14 ...<br>
15 ...<br>
16 ...<br>
17</div>
18<div id="music"><!--对照前⾯的href="music"，效果为点击⾳乐后跳转到下⾯标题内容-->
19<h3>推荐⾳乐</h3>
20<ul>
21<li>红昭愿</li>
22<li>光辉岁⽉</li>
23<li>少年中国说</li>
24<li>青花瓷</li>
25</ul>
26</div>
27<div >
28 ...<br>
29 ...<br>
30 ...<br>
31 ...<br>
32</div>
33<div id="movie">
34<h3>推荐电影</h3>
35<ul>
36<li>霸王别姬</li>
37<li>肖申克的救赎</li>
38<li>速度与激情</li>
39<li>加勒⽐海盗</li>
40</ul>
41</div>
42<div >
43 ...<br>
44 ...<br>
45 ...<br>
46 ...<br>
47</div>
48<div id="game">
49<h3>推荐游戏</h3>
50<ul>
51<li>英雄联盟</li>
52<li>王者荣耀</li>
53<li>绝地求⽣</li>
54<li>⼤话西游</li>
55</ul>
56</div>
57<div >
58 ...<br>
59 ...<br>
60 ...<br>
61 ...<br>
62 ...<br>
63 ...<br>
64 ...<br>
65 ...<br>
66</div>
67
68<body>
69</body>
70</html>
锚点链接⽰例
运⾏截图：
下载代码：
  <a href = "../../.rar">内容</a>运⾏截图

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。