网页 HTML 代码 这个什么意思 请指教
<DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 400px" data-widget-config="{'effect':'fade',
'contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide">
<ul class="lst-main tb-slide-list" style="HEIGHT: 400px">
请问这些代码是什么意思，
再分开来
<DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 400px" data-widget-config="{'effect':'fade',这是指什么意思，
'contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide">这又是什么意思，
<ul class="lst-main tb-slide-list" style="HEIGHT: 400px">
这最后是什么意思，请知道的，帮我回答下，非常感谢
由于淘宝装修平台增强了一些展示效果，但这些效果需要用Javascript编写，但目前淘宝装修平台又不能将Javascript开放给众多设计者，所以他们提供了一些Widget库供设计者调用。
淘宝装修平台中可供调用的几种轮播效果插件有：Tab标签、Slide卡盘、Carousel旋转木马和Accordion手风琴。
很显然你给出来的这代码是属于slide卡盘插件的，slide是滑动的意思，slider-promo J_Slider J_TWidget tb-slide表示需要用库文件开始渲染；高度是400像素，
data-widget-type="slide"这个是用来告诉库文件，我们的widget组件要用什么方式来渲染，即它的表现方式为slide卡盘式；
data-widget-config=”{….}”这里是组件的相关配置，是很灵活的一部分，可以看后面的配置表；
ul和li都是列表标识符。这段代码没看错的话，应该是用在淘宝上做图片轮播的代码吧。
配置参数列表
不是很清楚，也向楼下的求解下
class 是引用一个样式，后面是对他的描述
也就是在一个层里用某一个样式
<ul>是什么标签来着。。。。好象是一个列表……汗，忘记得差不多了。