<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ol>
<li>apple</li>
<li>orange</li>
<li>banana</li>
<li>watermalon</li>
</ol>
<ul>
<li>apple</li>
<li>orange</li>
<li>banana</li>
<li>watermalon</li>
</ul>
<dl>
<dt>HTML</dt>
<dd>hypertext markup language</dd>
<dt>HTML</dt>
<dd>hypertext markup language</dd>
<dt>HTML</dt>
<dd>hypertext markup language</dd>
</dl>
<!-- 详细信息 -->
<details open>
<summary>Who</summary>
<dd>Hello,I'm DD</dd>
<ul>
<li>apple</li>
<li>orange</li>
<li>banana</li>
<li>watermalon</li>
</ul>
</details>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>列表</title>
</head>
<body>
<ol>
<li>apple</li>
<li>orange</li>
<li>banana</li>
<li>watermalon</li>
</ol>
<ul>
<li>apple</li>
<li>orange</li>
<li>banana</li>
<li>watermalon</li>
</ul>
<dl>
<dt>HTML</dt>
<dd>hypertext markup language</dd>
<dt>HTML</dt>
<dd>hypertext markup language</dd>
<dt>HTML</dt>
<dd>hypertext markup language</dd>
</dl>
<!-- 详细信息 -->
<details open>
<summary>Who</summary>
<dd>Hello,I'm DD</dd>
<ul>
<li>apple</li>
<li>orange</li>
<li>banana</li>
<li>watermalon</li>
</ul>
</details>
</body>
</html>