链接和锚点

链接：a标签，通过href属性来控制要链接的地址，通过targetf属性控制链接页面打开的方式；
锚点：将a标签的href的属性值设置为：#跳转到的元素id值即可；

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>链接和锚点</title>
  </head>
  <body style="display: grid">
    <!-- 链接 a标签 -->
    <a href="https://www.baidu.com" target="_self">在当前页面打开百度</a>
    <a href="https://www.baidu.com" target="_blank"> 在新的页面打开百度 </a>
    <a href="https://www.baidu.com" target="demo1">通过iframe内联打开百度</a>
    <iframe frameborder="0" name="demo1" width="500px" height="500px"></iframe>
    <!-- 锚点 -->
    <a href="#goplaceid" id="backplaceid"
      >从当前页面的某个地方跳到另外一个地方</a
    >
    <div id="goplaceid" style="margin-top: 800px">
      <a href="#backplaceid"
        >你跳的那个href对应我这边的id，跳过来吧;点我你就可以跳回去了</a
      >
    </div>
    <a href="#">herf给个#号我就能跳到最顶端</a>
  </body>
</html>

链接和锚点

链接和锚点

相关文章