美文网首页ThoughtWorks创新实验室
这个列表是如何实现的?

这个列表是如何实现的?

作者: 肆意木 | 来源:发表于2016-11-28 23:01 被阅读9次
    题目要求

    如何实现上面这个列表?


    1.先实现最大的无序列表,代码如下:

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>Title</title>

    </head>

    <body>

    <ul>

    <li>JavaScript</li>

    <li>Java</li>

    </ul>

    </body>

    <html>

    页面显示

    2.实现里面的有序列表,代码如下:

    <body>

    <ul>

    <li>JavaScript</li>

    <ol>

    <li>第一章</li>

    <li>第二章</li>

    </ol>

    <li>Java</li>

    <ol>

    <li>第一章</li>

    <li>第二章</li>

    </ol>

    </ul>

    </body>

    页面显示

    3.完成最后的无序列表,代码如下:

    <body>

    <ul>

    <li>JavaScript</li>

    <ol>

    <li>第一章</li>

    <ul>

    <li>const</li>

    <li>let</li>

    </ul>

    <li>第二章</li>

    <ul>

    <li>function</li>

    <li>object</li>

    </ul>

    </ol>

    <li>Java</li>

    <ol>

    <li>第一章</li>

    <ul>

    <li>class</li>

    <li>package</li>

    </ul>

    <li>第二章</li>

    <ul>

    <li>private</li>

    <li>public</li>

    </ul>

    </ol>

    </ul>

    </body>

    页面显示

    以上就是完成这个练习的三个步骤。

    相关文章

      网友评论

        本文标题:这个列表是如何实现的?

        本文链接:https://www.haomeiwen.com/subject/hfxapttx.html