标签：class cal htm 段落 rgba 锚点 dev scale set
第一种方式：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>第一种锚点跳转</title> 7 </head> 8 <body> 9 <!-- 通过a标签herf的#属性值 和 设置id值 配对 来设置锚点链接 --> 10 <a href="#标题1">跳转标题1锚点</a><br /> 11 <a href="#标题2">跳转标题2锚点</a><br /> 12 <a href="#标题3">跳转标题3锚点</a><br /> 13 14 <h2 id="标题1">标题1</h2> 15 <p>这是一个段落</p> 16 <p>这是一个段落</p> 17 <p>这是一个段落</p> 18 <p>这是一个段落</p> 19 <p>这是一个段落</p> 20 <p>这是一个段落</p> 21 <h2 id="标题2">标题2</h2> 22 <p>这是一个段落</p> 23 <p>这是一个段落</p> 24 <p>这是一个段落</p> 25 <p>这是一个段落</p> 26 <p>这是一个段落</p> 27 <p>这是一个段落</p> 28 <h2 id="标题3">标题3</h2> 29 <p>这是一个段落</p> 30 <p>这是一个段落</p> 31 <p>这是一个段落</p> 32 <p>这是一个段落</p> 33 <p>这是一个段落</p> 34 <p>这是一个段落</p> 35 </body> 36 </html>
第二种方式：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>第二种锚点跳转</title> 6 </head> 7 <body> 8 <a href="#标题1">跳转标题1</a> 9 <a href="#标题2">跳转标题2</a> 10 <a href="#标题3">跳转标题3</a> 11 <p>duanluo</p> 12 <p>duanluo</p> 13 <p>duanluo</p> 14 <p>duanluo</p> 15 <p>duanluo</p> 16 <p>duanluo</p> 17 <p>duanluo</p> 18 <p>duanluo</p> 19 <p>duanluo</p> 20 <p>duanluo</p> 21 <a name="标题1"></a> 22 <h1>标题1</h1> 23 <p>duanluo</p> 24 <p>duanluo</p> 25 <p>duanluo</p> 26 <p>duanluo</p> 27 <p>duanluo</p> 28 <p>duanluo</p> 29 <p>duanluo</p> 30 <p>duanluo</p> 31 <p>duanluo</p> 32 <p>duanluo</p> 33 <a name="标题2"></a> 34 <h1>标题2</h1> 35 <p>duanluo</p> 36 <p>duanluo</p> 37 <p>duanluo</p> 38 <p>duanluo</p> 39 <p>duanluo</p> 40 <p>duanluo</p> 41 <p>duanluo</p> 42 <p>duanluo</p> 43 <p>duanluo</p> 44 <p>duanluo</p> 45 <p>duanluo</p> 46 <a name="标题3"></a> 47 <h1>标题3</h1> 48 <p>duanluo</p> 49 <p>duanluo</p> 50 <p>duanluo</p> 51 <p>duanluo</p> 52 <p>duanluo</p> 53 <p>duanluo</p> 54 <p>duanluo</p> 55 <p>duanluo</p> 56 <p>duanluo</p> 57 <p>duanluo</p> 58 </body> 59 </html>
标签：class cal htm 段落 rgba 锚点 dev scale set
原文地址：https://www.cnblogs.com/dengdingyue/p/14070384.html
