我想在html页面中显示代码

时间:2016-11-14 12:43:14

标签: html5

我想在html页面中显示代码。代码可以用任何语言编写。输出应如下所示:

The output will be like this.

1 个答案:

答案 0 :(得分:1)

您需要做的就是为灰色背景div编写一些CSS(或使用内联样式),然后使用<span>标记为<p>标记内的文本着色。

以下是有关span标记的一些信息:http://www.w3schools.com/tags/tag_span.asp

此外,您必须替换要显示的代码中的某些字符。您应该将<替换为&amp; lt,并将>替换为&amp; gt。如果您愿意,可以将所有内容放在<code>标记内,但我认为没必要。

如果您希望它自动着色和格式化等等,那么您可能需要一些JavaScript或其他东西,但如果它是一个静态HTML页面,那么您应该坚持基础。