ThoughtWorks创新实验室

这个列表是如何实现的?

2016-11-28  本文已影响9人  肆意木
题目要求

如何实现上面这个列表?


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>

页面显示

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

上一篇下一篇

猜你喜欢

热点阅读