如何以格式化的方式在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标记包装在要显示在'<pre>'标记内的HTML标记，并将其显示为网页上的实际内容。
然后，您将需要使用HTML实体来显示所需的特殊字符，一个空心括号是
<
右括号是
>
您还可以使用插件来帮助使代码看起来更好，例如语法突出显示等。可以在http://prismjs.com/找到一个非常漂亮的javascript插件。