HTML基础之列表

首先我们来明确一下我们的任务，我们需要用HTML列表的知识做出一个如图1.1的列表。

1.1

这个列表我们分三个步骤完成。

一. 先创建出最外层的部分。

  
    
JavaScript
    
    
Java

//其中无序列表始于
,列表项始于
，其中
与
是不可分割的

运行出来的结果：

无序列表

二. 接着创建出有序列表的部分。

    
JavaScript
    
//无序列表与有序列表是嵌套关系
        
第一章
        
第二章
    
    
Java
    

        
第一章
        
第二章
    

//有序列表始于
,而只要是列表，列表项都始于
，
与
也是不可分割的。

运行出来的结果是：

无序列表

三. 最后添加正方形的无序列表样式。

    
function
    
object

//用法如之前的无序列表一样，而正方形的列表样式则使用class去定义。

运行出来的结果：

正方形无序列表

最后完善一下代码就可以得到我们的目标列表了。