这个列表是如何实现的?

题目要求

如何实现上面这个列表?


1.先实现最大的无序列表,代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

</head>

<body>

<ul>

<li>JavaScript</li>

<li>Java</li>

</ul>

</body>

<html>

页面显示

2.实现里面的有序列表,代码如下:

<body>

<ul>

<li>JavaScript</li>

<ol>

<li>第一章</li>

<li>第二章</li>

</ol>

<li>Java</li>

<ol>

<li>第一章</li>

<li>第二章</li>

</ol>

</ul>

</body>

页面显示

3.完成最后的无序列表,代码如下:

<body>

<ul>

<li>JavaScript</li>

<ol>

<li>第一章</li>

<ul>

<li>const</li>

<li>let</li>

</ul>

<li>第二章</li>

<ul>

<li>function</li>

<li>object</li>

</ul>

</ol>

<li>Java</li>

<ol>

<li>第一章</li>

<ul>

<li>class</li>

<li>package</li>

</ul>

<li>第二章</li>

<ul>

<li>private</li>

<li>public</li>

</ul>

</ol>

</ul>

</body>

页面显示

以上就是完成这个练习的三个步骤。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容