JS库自动美化/突出显示HTML代码语法？

Question

我想在我的网站上添加一些代码（代码向W3School的学习者或类似的人解释，而不是任何文本编辑器）。我可以这样做，但我想要的是各种标签的颜色，或属性自己改变颜色，以便代码看起来很漂亮（并且对任何试图在我的博客或网站上学习任何网页设计的人都有自我解释）。请参阅下图：

有人可以建议我使用任何css，js或任何其他扩展来自动美化我的代码吗？

Answer 1

尝试使用此功能自动为代码着色：http://alexgorbatchev.com/SyntaxHighlighter/

为了快速整理代码，您可以使用http://jsfiddle.net/ 只需插入代码并按“整理”

即可