作業內容
-
使用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>
