HTML列表应用实例

2018-01-12  本文已影响0人  angelkou

这是一个关于html无序列表与有序列表结合使用的例子。

要求实现的页面如下图所示:

首先,对上述页面结构进行分析,具体如下:

从外往内看,该页面主要分为三层,第一层是type为disc的无序列表,第二层为顺序的有序列表,第三层是type为square的无序列表。

注:第一层包含的内容是JavaScript、Java;第二层包含的内容是第一章、第二章;第三层包含的内容是const、let、function、object、class、package、private、public.

明确了页面的结构后,我们可以通过代码实现该页面,具体如下:

运行即可得到结果。

感谢观看!

上一篇 下一篇

猜你喜欢

热点阅读