Question

可能重复：
How to display formatted code in webpage

我确信这个问题一定是在我之前无法找到的。（我一定在寻找错误的东西）

就像这个网站允许你做的那样，我想将c＃放到我的网页上，以便我可以编写教程/示例。

var tute = new Tutorial();    
//Display all of this 
SomeMethod(tute);

这是由CSS欺骗执行的吗？如果有的话，有一个可以用来做这个的库吗？

Answer 1

有一个名为Code的html标签，您可以使用它和CSS来创建您的代码块。

例如：

<html>
<style>
code
{
   background-color : gray;
   padding : 5px;
}
</style>
<body>
<code>Your code here</code>
</body>
</html>

Answer 2

是的，这一切都是通过CSS完成的。这是blog post，可以帮助您。

Answer 3

要在HTML页面上呈现代码，您需要将其包装在<code>标记中。

更好的方法是将它与<pre>标记结合使用，以便保留缩进和间距格式。

<pre>
<code>
    Your code here
</code>
</pre>

Answer 4

有很多项目可以做到这一点。我所知道的是CodePlex，名为“ColorCode”，它可以为您的代码着色（通过将其格式化为HTML）。您可以将输出附加到文档：