《任务201-1 HTML》

任务地址

https://bbs.excellence-girls.org/topic/210/html

开始任务

首先要区分出ol与ul的区别，其中ul是无序列表，ol是有序列表。举个栗子。比如下面这个ol

<ol>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ol>

你可以看到的显示结果是

而对于ul

<ul>
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ul>

我们可以看到无序的排列

当然不管是ol还是ul，它们都是HTML的标签，所以我们可以通过更改标签的属性达到更改标签的目的。比如ul有一个style属性，可以将前面的小圆点改成小方块。就像这样：

<ul style="list-style:square">
  <li>咖啡</li>
  <li>牛奶</li>
  <li>茶</li>
</ul>

通过更改属性是不是发生了变化呢？

通过以上知识的学习，来完成下面的小练习：

HOMEWORK

完整代码如下所示：

<ul>
  <li>JavaScript</li>
     <ol>
         <li>第一章</li>
            <ul style="list-style:square">
               <li>const</li>
               <li>let</li>
            </ul>
         <li>第二章</li>
             <ul style="list-style:square">
               <li>function</li>
               <li>object</li>
            </ul>
     </ol>
  <li>JAVA</li>
     <ol>
         <li>第一章</li>
            <ul style="list-style:square">
               <li>class</li>
               <li>package</li>
            </ul>
         <li>第二章</li>
             <ul style="list-style:square">
               <li>private</li>
               <li>public</li>
            </ul>
     </ol>
</ul>