如何实现代码的关键词自动变色？
如同CSDN论坛中这种显示方式，让代码的关键词自动变色，并且显示行号，是如何实现的？

例子：

<html>

<head></head>

<body></body>

</html>

我查看过了源代码，使用的<pre>标签，但是css代码是如何写的呢，怎样判断哪些词是代码中的关键词呢？我找了好久都没找到。知道答案的人能否告诉我一下。
------解决方案--------------------
google一下Highlight.js