创建一个带有上下滚动条的HTML页面，首先需要确保内容足够长，超过浏览器窗口的高度，这样用户才会需要滚动条来查看全部内容，以下是一个简单的示例：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>带有上下滚动条的页面</title>
<style>
body {
height: 100vh;
margin: 0;
overflow-y: scroll;
}
</style>
</head>
<body>
<h1>这是一个带有上下滚动条的页面</h1>
<p>在这里写上不少于1963个字的内容。例如：在这个世界上，每个人都有自己的故事，每个故事都充满了喜怒哀乐。我们都在不断地经历着各种事情，有快乐的，也有痛苦的。但是，正是这些经历，塑造了我们的性格，让我们变得更加坚强。无论我们面临什么困难，都要保持积极的心态，勇往直前。只有这样，我们才能在人生的道路上走得更远。</p>
<p>继续写内容，直到达到1963个字。例如：当我们遇到挫折时，不要轻易放弃。要相信自己的能力，相信未来一定会更好。只要我们坚持不懈地努力，就一定能够克服困难，实现自己的梦想。同时，我们也要学会感恩。感恩生命中的每一个瞬间，感恩那些曾经帮助过我们的人。正是有了他们的支持，我们才能走到今天。</p>
<!-- 重复上面的段落，直到达到1963个字 -->
</body>
</html>
在这个示例中，我们使用了CSS样式来设置`overflow-y: scroll;`，这样当内容超出浏览器窗口的高度时，就会自动出现垂直滚动条，为了确保内容足够长，我们在`body`标签中编写了大量的段落，每个段落都包含一些重复的文字，直到总字数达到1963个字，你可以根据需要自行调整内容的长度和内容本身。
