这是使用的 SyntaxHighlighter 代码高亮插件
http://www.cnblogs.com/heyuquan/archive/2012/09/28/2707632.html
还可以使用 富文本编辑器 如 ueditor
下面就是 ueditor 效果
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="./css/style.css">
</head>
<body>
字体加粗：<b>写上你想写的字</b>
字体加大: <big>写上你想写的字</big>
字体控制大小：<h1>写上你想写的字</h1>(其中字体大小可从h1-h5,h1最大，h5最小)
改字体颜色：<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff(16位进制)之间
扩展资料：
结构性定义
文件类型 <HTML></HTML>（放在档案的开头与结尾）
文件主题 <TITLE></TITLE>（必须放在「文头」区块内）
文头 <HEAD></HEAD>（描述性资料，像是「主题」）
文体 <BODY></BODY>（文件本体）
（由浏览器控制的显示风格）
标题 <H?></H?>（从1到6，有六层选择）
标题的对齐 <H? ALIGN=LEFT|CENTER|RIGHT></H?>
区分 <DIV></DIV>
区分的对齐 <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
引文区块 <BLOCKQUOTE></BLOCKQUOTE>（通常会内缩）
强调 <EM></EM>（通常会以斜体显示）
特别强调 <STRONG></STRONG>（通常会以加粗显示）
引文 <CITE></CITE>（通常会以斜体显示）
码 <CODE></CODE>（显示原始码之用）
样本 <SAMP></SAMP>
键盘输入 <KBD></KBD>
变数 <VAR></VAR>
定义 <DFN></DFN>（有些浏览器不提供）
地址 <ADDRESS></ADDRESS>
大字 <BIG></BIG>
小字 <SMALL></SMALL>
与外观相关的标签（作者自订的表现方式）
加粗 <B></B>
斜体 <I></I>
底线 <U></U>（尚有些浏览器不提供）
删除线 <S></S>（尚有些浏览器不提供）
下标 <SUB></SUB>
上标 <SUP></SUP>
打字机体 <TT></TT>（用单空格字型显示）
预定格式 <PRE></PRE>（保留文件中空格的大小）
预定格式的宽度 <PRE WIDTH=?></PRE>（以字元计算）
向中看齐 <CENTER></CENTER>（文字与图片都可以）
闪耀 <BLINK></BLINK>（有史以来最被嘲弄的标签）
字体大小 <FONT SIZE=?></FONT>（从1到7）
改变字体大小 <FONT SIZE=+|-?></FONT>
基本字体大小 <BASEFONT SIZE=?>（从1到7内定为3）
字体颜色 <FONT COLOR='#$$$$$$'></FONT>
参考资料：html代码_百度百科
