作业内容
-
使用HTML实现如下列表
知识点 ： HTML列表使用
-
无序列表
无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。
无序列表始于<ul> 标签
每个列表项始于 <li>标签
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示如下：
- Coffee
- Milk
-
有序列表
有序列表也是一列项目，列表项目使用数字进行标记。
有序列表始于 <ol> 标签
每个列表项始于 <li> 标签
列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器显示如下：
1.Coffee
2.Milk
思路
通过观察列表结构发现：该列表结构为
- 一个无序列表
这个无序列表有两行
每行包含一个有序列表
每个有序列表有两行
每行包含一个无序列表
每个无序列表有两行
实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<ul>
<li>JavaScript
<ol>
<li>第一章
<ul>
<li>const</li>
<li>object</li>
</ul>
</li>
<li>第二章
<ul>
<li>function</li>
<li>object</li>
</ul>
</li>
</ol>
</li>
<li> Java
<ol>
<li>第一章
<ul>
<li>class</li>
<li>package</li>
</ul>
</li>
<li>第二章
<ul>
<li>private</li>
<li>public</li>
</ul>
</li>
</ol>
</li>
</ul>
</body>
</html>
