<div  id="hotlist">

   <h2>热门课程排行榜</h2>

    <ol>

       <li>前端开发面试心法 </li>

      <li>零基础学习html</li>

       <li>javascript全攻略</li>

    </ol>

</div>

<div  id="gh">

    <h2>web前端开发导学</h2>

    <ul>

       <li>网页专业名词大扫盲 </li>

       <li>网站职位定位指南</li>

       <li>为您解密Yahoo网站制作流程</li>

    </ul>

</div>