如何在静态页面上显示网页代码并且高亮就像图中的这样_html/css

谢谢请指点下显示代码各个区块的颜色不一样而且代码不同高亮的颜色也不同
回复讨论(解决方案) css先定义所有的关建字样式，以备引用。
当用户选中后，显示出来即可。用js判断一下，若代码中包括有定义中的内容，高亮显示
代码高亮插件？
http://paranimage.com/6-javascript-code-highlighting-plugins/
这个用js 或者jq 都可以实现的
你是博客么？还是网站？博客的话可以去找插件，网站的话用js把。。