コードエディタのスタイルをhtmlで作成

Question

このようにhtmlページにコードエディタのスタイルを作成する方法は不思議でした。 http://www.tonymarston.net/php-mysql/databaseobjects.html

彼はさまざまな変数と文字列の色が異なります。彼はスタイルには<pre>と<span>を使っていましたが、もっと速い方法があれば分かりません。何かご意見は？どうもありがとう。

Answer 1

私は自分で使っていませんが、StackoverflowはPrettify（this questionによる）を使用しています。それはJavaScriptとCSSだけで構築されているようです。