menu 喵雨の小屋
search assignment self_improvement
重新学习html的第二天---锚点,base标签
MeowRain
MeowRain 2022年06月09日 阅读:16

锚点

html的锚点使用方法
使用相应的id名标注跳转目标的位置
例如:

假设这里是一大堆东西
xxxx
<a id="bottom">点击到达底部 </a>
这里也是
xxxx
<p id="#bottom">底部</p>

这样当我们点击超链接的时候,就可以直接到达底部啦

实例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>初学html</title>
</head>
<body>
    <h1>MeowRain棒极了</h1>
    <a href="#bottom">点击到底部</a>
    <img src="../img/1.jpg" alt="MeowRain棒极了" width="200px" height="200px">
<p><strong>MeowRain是一个很棒的UP主,他有很多技能</strong></p>
<ul>
    <li>打游戏</li>
    <li>吃饭</li>
    <li>打豆豆</li>
<p>当然了,偶尔会在睡觉的时候干别的</p>
<ul>
    <li>梦梦</li>
    <li>梦梦</li>
</ul>
</ul>
<hr>
<p>对于MeowRain来说,他做事情的时候,会按照下面的次序进行处理问题
</p>
<ol>
    <li>了解问题</li>
    <li>思考问题</li>
    <li>解决问题</li>
</ol>
<p>想要了解它。请参阅<a href="https://halo.meowrain.cn">MeowRain的个人博客</a></p>

<ul>
    <li>父列表</li>
    <ul>
        <li>子列表</li>
    </ul>
  </ul>
  <p id="bottom">返回底部啦</p>
</body>
</html>

image-1654770288413

点击超链接后
image-1654770316379

base标签

我们写普通的a标签,例如

<a href="http://www.baidu.com">百度</a>

打开的时候,会在当前页面打开
想要在新标签页打开,可以在后面加 target="_blank"

然而使用base标签,我们可以定义全部超链接的打开方式
在head标签内,我们写

<base target="_blank">

这样不论我们写哪个超链接,都会新建标签页打开啦

分类: 实用工具
标签:
目录