在两列中显示HTML代码，实际标记

HTML代码可以通过使用<pre>标签来实现在两列中显示。<pre>标签用于预格式化文本，保留文本中的空格和换行符。

以下是一个示例的HTML代码，展示如何在两列中显示HTML代码：

<!DOCTYPE html>
<html>
<head>
    <title>HTML代码显示示例</title>
    <style>
        .code-container {
            display: flex;
        }
        .code-column {
            flex: 1;
            padding: 10px;
            border: 1px solid #ccc;
            margin: 5px;
        }
    </style>
</head>
<body>
    <div class="code-container">
        <div class="code-column">
            <pre>
                &lt;!DOCTYPE html&gt;
                &lt;html&gt;
                &lt;head&gt;
                    &lt;title&gt;页面标题&lt;/title&gt;
                &lt;/head&gt;
                &lt;body&gt;
                    &lt;h1&gt;Hello, World!&lt;/h1&gt;
                &lt;/body&gt;
                &lt;/html&gt;
            </pre>
        </div>
        <div class="code-column">
            <pre>
                &lt;!DOCTYPE html&gt;
                &lt;html&gt;
                &lt;head&gt;
                    &lt;title&gt;Page Title&lt;/title&gt;
                &lt;/head&gt;
                &lt;body&gt;
                    &lt;h1&gt;Hello, World!&lt;/h1&gt;
                &lt;/body&gt;
                &lt;/html&gt;
            </pre>
        </div>
    </div>
</body>
</html>

在上面的示例中，我们使用了<pre>标签来包裹HTML代码，并使用CSS样式将代码显示在两个列中。.code-container类设置了一个flex布局，.code-column类设置了每个列的样式，包括边框、内边距和外边距。

这样，两列中的HTML代码就可以以预格式化的方式显示出来。您可以根据需要调整代码的样式和布局。