在HTML中，让超链接显示在页面的右侧，可以通过使用CSS样式来实现，下面是一个简单的示例，展示了如何使用HTML和CSS创建一个包含超链接的页面，并使这些链接显示在右侧。
我们需要创建一个HTML文件，然后在其中编写基本的HTML结构，接下来，我们将使用CSS来设置超链接的位置，以下是一个完整的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接在右侧的示例</title>
<style>
body {
margin: 0;
padding: 0;
}
.container {
width: 100%;
max-width: 960px;
margin: auto;
padding: 20px;
box-sizing: border-box;
}
.right-links {
float: right;
margin-left: 20px;
}
.right-links a {
text-decoration: none;
color: blue;
margin-left: 10px;
}
.right-links a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="container">
<h1>欢迎来到我的网站</h1>
<p>在这里，我们将学习如何将超链接放置在页面的右侧，请查看以下示例：</p>
<div class="right-links">
<a href="https://www.example.com">示例链接1</a>
<a href="https://www.example.com">示例链接2</a>
<a href="https://www.example.com">示例链接3</a>
</div>
</div>
</body>
</html>
在这个示例中，我们首先定义了一个包含超链接的div元素，并为其添加了一个名为"right-links"的类，我们使用CSS的float属性将该div元素浮动到右侧，并设置了一个左边距，对于其中的超链接，我们移除了下划线，并为它们添加了蓝色字体和左边距，当鼠标悬停在链接上时，它们会出现下划线。