这个列表是如何实现的?
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>