html - 如何以格式化的方式在html页面中显示html代码

<分区>

我的网站是一个简单的教育网站。我想以格式化的方式在我的网页中显示 HTML 代码，就像它们在编辑器中看起来一样。我的意思是说 HTML 标签应该以与剩余文本等不同的颜色显示。这是来自另一个网站的代码片段。我想要这样的网页输出:

这是我的代码:-

<html>

<head>
    <title>HTML Tutorial</title>
</head>

<body>
    <div class="code">
        <xmp>
            <!DOCTYPE html>
            <html>

            <head>
                <title>HTML Tutorial</title>
            </head>

            <body>
                This is a simple HTML page
            </body>

            </html>
        </xmp>
    </div>
</body>

</html>

如何在我的网页中实现所需的行为。感谢大家的努力。

最佳答案

要做到这一点并让 HTML 显示为网页上的实际内容，最简单的方法是将要显示在“

”标签内的 HTML 标记包装起来。

然后你需要使用 HTML 实体来显示你需要的特殊字符，一个左括号是