HTML页码的编写主要涉及到的是CSS样式和JavaScript脚本的使用，在HTML中，我们无法直接编写页码，但我们可以通过添加一些特定的HTML元素和CSS样式来显示页码，以下是一些常见的方法：
1、使用锚点（Anchors）：HTML中的锚点可以用来标记页面中的特定位置，然后我们可以通过链接到这些锚点来创建页码，这种方法的优点是简单易用，但缺点是如果页面内容发生变化，页码可能会失效。
2、使用JavaScript：JavaScript可以用来动态生成页码，这种方法的优点是可以根据页面内容的变化自动更新页码，但缺点是需要编写更多的代码。
3、使用服务器端的语言：如PHP、ASP等，这些语言可以在服务器端生成页码，然后将页码嵌入到HTML中，这种方法的优点是可以处理大量的数据，但缺点是需要服务器端的支持。
下面是一个使用锚点的例子：
<!DOCTYPE html>
<html>
<head>
<title>Page Numbers</title>
</head>
<body>
<h1>My Web Page</h1>
<p>This is some content on my web page.</p>
<p>This is some more content on my web page.</p>
<p>This is the end of the page.</p>
<a href="#top">Back to top</a>
</body>
</html>
在这个例子中，<a href="#top">Back to top</a>是一个链接，它链接到了页面顶部的锚点，当用户点击这个链接时，页面就会滚动到顶部。
下面是一个使用JavaScript的例子：
<!DOCTYPE html>
<html>
<head>
<title>Page Numbers</title>
<script type="text/javascript">
function generatePageNumbers() {
var pages = document.getElementById('pages').innerText;
var numbers = '';
for (var i = 1; i <= pages; i++) {
numbers += '<a href="#' + i + '">' + i + '</a> ';
}
document.getElementById('page-numbers').innerHTML = numbers;
}
</script>
</head>
<body onload="generatePageNumbers()">
<h1>My Web Page</h1>
<p id="pages">5</p>
<div id="page-numbers"></div>
</body>
</html>
在这个例子中，generatePageNumbers函数会在页面加载时被调用，这个函数首先获取了页面的总页数，然后使用一个循环来生成每一页的链接，这些链接被添加到page-numbers元素中。
注意，这两种方法都需要在HTML中添加一些额外的元素和样式，锚点需要有一个唯一的ID，而链接需要有一个href属性指向这个ID，你还需要使用CSS来控制这些元素的外观和布局。