HTML学习案例-仿慕课网网页制作（二）

制作部分：网页footer部分

 

制作效果：

 

涉及知识：link部分要复习：

dl- definition list

dt- definition title

dd - definition description

 

代码：

<div class="footer">
        <div class="copyright">
            <img src="images/logo-recommended.png" alt="">
            <p>学成在线致力于普及中国最好的教育它与中国一流大学和机构合作提供在线课程。 <br> © 2017年XTCG Inc.保留所有权利。-沪ICP备15025210号</p>
        </div>
        <div class="link">
            <dl>
                <dt>关于慕课网</dt>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
            </dl>
            <dl>
                <dt>关于慕课网</dt>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
            </dl>
            <dl>
                <dt>关于慕课网</dt>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
                <dd>如何学习</dd>
            </dl>
        </div>
    </div>