《任务1 HTML-list》任务产出汇总

任务地址

https://bbs.excellence-girls.org/topic/62/%E4%BB%BB%E5%8A%A11-html%E6%A0%B8%E5%BF%83%E6%A6%82%E5%BF%B5%E5%92%8C%E5%B8%B8%E7%94%A8%E6%A0%87%E7%AD%BE-%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AA%E7%BA%AFhtml%E7%9A%84%E8%AF%95%E5%8D%B7%E9%A1%B5%E9%9D%A2-2%E5%91%A8

完成时间

2016-11-30

任务要求的作业

<ul>
    <li>JavaScrip</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>

运行结果：

![Uploading list-type_958538.png . . .]

学习过程中我写的其他小例子

对于列表标志的属性不同的小例子

<ul type="disc">
    <li>默认值。实心圆。</li>
</ul>
<ul type="circle">
    <li>空心圆。</li>
</ul>
<ul type="square">
    <li>实心方块。</li>
</ul>
<br>
<ol type="1">
    <li>1</li>
</ol>
<ol type="A">
    <li>A</li>
</ol>
<ol type="a">
    <li>a</li>
</ol>
<ol type="I">
    <li>I</li>
</ol>
<ol type="i">
    <li>i</li>
</ol>

运行结果：

list-type.png

任务总结

开始浏览完这个作业，我会议了列表的相关标签，考虑了层次，有看到有标签的标志有圆圈和方框，又复习了一下标签属性。最后发现按照层次走下去，作业要求就是默认属性。敲代码之前花了大概七八分钟。最开始的之后我总是分不清ul和ol哪一个是有序哪一个无序，其实ul的u在拼音里发音是wu 无，就是无序，那另一个就是有序喽。