目標效果
目標效果
知識點
- html標簽之
<ol>
<ol>標簽定義有序列表
實例：
<ol>
<li>第一章</li>
<li>第二章</li>
</ol>
顯示效果：
有序列表
- html標簽之
<ul>
<ul>標簽定義無序列表
實例：
<ul>
<li>JavaScript</li>
<li>Java</li>
</ul>
顯示效果：
無序列表
實現(xiàn)代碼
通過對<ol>和<ul>標簽的嵌套使用，可以實現(xiàn)目標效果谋国。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>html實現(xiàn)一個簡單列表</title>
</head>
<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>
</html>
