谁能帮我分析下下面的代码

Question

<div id="main_image">
    <a href="<!--{$smarty.const.P_DETAIL_URLPATH}-->1" onmouseover="chgImg('<!--{$TPL_URLPATH}-->img/banner/bnr_top_main_on.jpg','bnr_top_main');" onmouseout="chgImg('<!--{$TPL_URLPATH}-->img/banner/bnr_top_main.jpg','bnr_top_main');">
        <img src="<!--{$TPL_URLPATH}-->img/banner/bnr_top_main.jpg" alt="詳細はこちら" id="bnr_top_main" name="bnr_top_main" />
    </a>
</div>哪位能帮我分析下上面的代码，最好能把语法讲下，如  </div>是等。我真想死，烦死了，以前做vc的，现在公司要我做 网上商城 的一个网站，基于ec-cube架构，要自己看 css,htm,php,javascript等等，以前都只是了解一点，没碰过。哪位能指点下我快速入这几门，感激不尽。

Answer 1

这是 smarty 的模板文件，建议你先看一下 smarty 的帮助手册

Answer 2

onmouseover和onmouseout设置两个鼠标事件，
而<img src="<!--{$TPL_URLPATH}-->img/banner/bnr_top_main.jpg" alt="詳細はこちら" id="bnr_top_main" name="bnr_top_main" />就是一个图片链接，当鼠标移到图片时出现"詳細はこら"语法很好理解。不过里面用到Smarty，建议如1L。

Answer 3

推荐一个网站，好多javascript和CSS源码
http://www.v-ec.com/jslib/

Answer 4

建议楼主先学一下css,htm,php,javascript相关的基础知识....

Answer 5

来这个网站上看看吧，你要都有
http://www.w3school.com.cn/

Answer 6

+++
推荐W3SCHOOL。资料不错！而且都比较基础！清晰易懂！