使用锚点可以跳转到当前页面的某一位置，使用超链接可以跳转到其他网页

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    3. <head>
    4.     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    5.     <title>萌宠集结号</title>
    6. </head>
    7. <body>
    8. <ul>
    9.     <li><a href="#miao">去找喵星人</a></li>
    10.     <li><a href="#wang">去找汪星人</a></li>
    11.     <li><a href="#meng">其他萌物</a></li>
    12.     <li><a href="http://baidu.com">百度</a></li>
    13.     <li><a href="test.html#wang">汪~</a></li>
    14. </ul>
    16. <a name="miao"></a><!--设置锚点方法1-->
    17. <h3 id="miao">喵星人基地</h3><!--设置锚点方法2-->
    18. <p>喵喵喵~</p>
    19. <p>喵喵喵~</p>
    20. <p>喵喵喵~</p>
    21. <p>喵喵喵~</p>
    22. <p>喵喵喵~</p>
    23. <p>喵喵喵~</p>
    25. <a name="wang"></a>
    26. <p>汪汪汪~</p>
    27. <p>汪汪汪~</p>
    28. <p>汪汪汪~</p>
    29. <p>汪汪汪~</p>
    30. <p>汪汪汪~</p>
    31. <p>汪汪汪~</p>
    33. <a name="meng"></a>
    34. <p>萌萌萌~</p>
    35. <p>萌萌萌~</p>
    36. <p>萌萌萌~</p>
    37. <p>萌萌萌~</p>
    38. <p>萌萌萌~</p>
    39. <p>萌萌萌~</p>
    40. </body>
    41. </html>

    超链接#锚点可以直接跳转到其他网页的某一部分
    在本页打开或者新开页打开
    使用target指定参数

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Title</title>
    6. </head>
    7. <body>
    8. <h1>另外打开一个网页</h1>
    9. <a href="http://www.01ny.cn" target="_blank">南阳阳</a>
    10. <h1>用target指定_self</h1>
    11. <a href="http://www.01ny.cn" target="_self">南阳网</a>
    12. </body>
    13. </html>