html列表实现的,HTML 列表实现

今天来讲一讲怎样用 HTML 来实现下面的列表。

实现的列表

第一步

可以看到第一层 JavaScript 和 Java 两个是无序列表，无序列表使用

• 标签，所以可以先实现这两个：

代码：

列表实现

• JavaScript

• Java

运行结果：

• JavaScript
• Java

第二步

下来可以看到第二层是包含在

标签里面的并且是有序列表，有序列表使用

1. 标签：

代码：

• JavaScript
  1. 第一章
  2. 第二章
• Java
  1. 第一章
  2. 第二章

运行结果：

• JavaScript
  1. 第一章
  2. 第二章
• Java
  1. 第一章
  2. 第二章

第三步

可以看到第三层是包在第二层的

标签里且它是无序的，使用

• 标签：

代码：

• JavaScript
  1. 第一章
     • const
     • let
  2. 第二章
     • function
     • object
• Java
  1. 第一章
     • class
     • package
  2. 第二章
     • private
     • public

运行结果：

• JavaScript
  1. 第一章
     • const
     • let
  2. 第二章
     • function
     • object
• Java
  1. 第一章
     • class
     • package
  2. 第二章
     • private
     • public

这样就成功的实现了这样的列表。