由于字数限制，我将为您提供一个简化版的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>
@media print {
body {
font-size: 12pt;
}
h1, h2, h3, h4, h5, h6 {
break-inside: avoid;
}
p {
orphans: 3;
widows: 3;
}
@page {
margin: 1cm;
}
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一个用于演示如何在HTML中实现打印样式的简单页面，当您在浏览器中打开此页面并按下“打印”按钮时，您将看到以下内容：</p>
<h2>标题1</h2>
<p>这是一段文本，请注意，这里的字体大小为12磅，而不是默认的16磅，标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题1.1</h3>
<p>这是另一个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题1.2</h3>
<p>这是第三个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h2>标题2</h2>
<p>这是第四个段落，同样，这里的字体大小为12磅，而不是默认的16磅，标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题2.1</h3>
<p>这是第五个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题2.2</h3>
<p>这是第六个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h2>标题3</h2>
<p>这是第七个段落，同样，这里的字体大小为12磅，而不是默认的16磅，标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题3.1</h3>
<p>这是第八个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题3.2</h3>
<p>这是第九个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h2>标题4</h2>
<p>这是第十个段落，同样，这里的字体大小为12磅，而不是默认的16磅，标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题4.1</h3>
<p>这是第十一个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
<h3>子标题4.2</h3>
<p>这是第十二个段落，同样，这里的字体大小为12磅，而不是默认的16磅，子标题和段落之间的空行也被保留，以便在打印时更易于阅读。</p>
</body>
</html>
这个示例展示了如何使用CSS媒体查询来定义打印样式，当用户在浏览器中打开此页面并按下“打印”按钮时，将应用这些样式，这将使页面的字体大小变为12磅，并在标题和段落之间保留空行，以便在打印时更易于阅读。