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