图示

按钮的排列顺序
保存、取消、返回
审核通过、审核不通过、全选、删除、返回
JSP页面中引入CSS文件的代码
<link href="/css/style.css" rel="stylesheet" type="text/css">
JSP中实现效果需要的代码
<input type="button" id="***" class="btn1" onMouseOver="this.className='btn1_mouseover'" onMouseOut="this.className='btn1_mouseout'" value="***"
title="***" onClick="***" />
其中，class为btn1，onmouseOver为this.className='btn1_mouseover，onMouseOut为this.className='btn1_mouseout。

图示 

对齐方式
标题列居左，其他列居中
居左代码
<HEP:tableViewLineElement value="<%=a2%>" align="left" />
JSP页面引入标签配置文件需要使用的代码
<%@ include file="/include/jsp/taglibs.jsp"%>
taglibs.jsp中代码：<%@ taglib uri="/HEP" prefix="HEP"%>表示引用了hepUI.tld标签配置文件
JSP页面中实现效果需要的代码
String colsNames = "选择#学习元名称#所属知识类型#需用时间#被引用次数#平均得分#创建时间#操作";//设置表头，也就是字段名
String colsWidths = "6%#25%#13%#10%#10%#8%#15%#20%";//设置每一列的宽度
String colsSort = "0#1#1#1#1#1#1#0";//1表示可以用来排序，0表示不能用来排序
int cn = 8;//设置字段数
<HEP:tableView colsNumber="<%=cn%>" colsNames="<%=colsNames%>"
colsWidths="<%=colsWidths%>" colsSort="<%=colsSort%>">
<HEP:tableViewLine >
<HEP:tableViewLineElement value="<%=a1%>" />
<HEP:tableViewLineElement value="<%=a2%>" align="left" />
<HEP:tableViewLineElement value="<%=a7%>" />
<HEP:tableViewLineElement value="<%=a8%>" />
<HEP:tableViewLineElement value="<%=a9%>" />
<HEP:tableViewLineElement value="<%=a10%>" />
<HEP:tableViewLineElement value="<%=a0%>" />
<HEP:tableViewLineElement value="<%=a11%>" />
</HEP:tableViewLine>

以“我创建的学习元”为例
图示

JSP页面的代码
<h1>创建学习元</h1>
JSP页面中需要引入的CSS文件
<link rel="stylesheet" href="emx_nav_left.css" type="text/css" />

小图标：50 x 50 【经常使用】
大图标：100 x 100