如同CSDN论坛中这种显示方式，让代码的关键词自动变色，并且显示行号，是如何实现的？
例子：
<html>
<head></head>
<body></body>
</html>
我查看过了源代码，使用的<pre>标签，但是css代码是如何写的呢，怎样判断哪些词是代码中的关键词呢？我找了好久都没找到。知道答案的人能否告诉我一下。
HTML
CSS
------解决方案--------------------
google一下Highlight.js