HTML列表应用实例

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

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

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

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

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

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

运行即可得到结果。

感谢观看!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容