重新学习html的第二天--预格式化文本
原创重新学习html的第二天--预格式化文本
原创
meowrain
发布于 2022-06-23 18:19:31
发布于 2022-06-23 18:19:31
title: 重新学习html的第二天--预格式化文本
date: 2022-06-10 21:20:28
tags: html,笔记
categories: 笔记
锚点
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>base标签
我们写普通的a标签，例如
<a href="http://www.baidu.com">百度</a>打开的时候，会在当前页面打开
想要在新标签页打开，可以在后面加 target="_blank"
然而使用base标签，我们可以定义全部超链接的打开方式
在head标签内，我们写
<base target="_blank">这样不论我们写哪个超链接，都会新建标签页打开啦
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录