2019年8月16日
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 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 7 <title>comment</title> 8 9 </head> 10 <body> 11 <h1>使用HTML知识，通过锚点实现单页面内容切换</h1> 12 <ul class="square"> 13 <li></li><a href="#content1">One</a> 14 <li></li><a href="#content2">Two</a> 15 <li></li><a href="#content3">Three</a> 16 </ul> 17 <h3 id="content1">One</h3> 18 <img src="images/1.jpg" width="700px" height="500px"> 19 <h3 id="content2">Two</h3> 20 <img src="images/2.jpg" width="700px" height="500px"> 21 <h3 id="content3">Three</h3> 22 <img src="images/3.jpg" width="700px" height="500px"> 23 </body> 24 </html>
原文：https://www.cnblogs.com/non-variable/p/11365371.html