<!DOCTYPE html>
<html lang="en">
<head>
<meta charset = "utf-8">
<title>
Sugar's page
</title>
</head>
<body>
<!--ordered list-->
<ol>
<li>ul</li>
<li>ol</li>
<li>li</li>
<li>dl</li>
<li>dt</li>
<li>dd</li>
<li>table</li>
<li>thead</li>
<li>tr</li>
<li>th</li>
<li>tbody</li>
<li>td</li>
<li>tfoot</li>
<li>caption</li>
</ol>
<!--description list-->
<dl>
<dt>Lists</dt>
<dd>ul</dd>
<dd>ol</dd>
<dd>li</dd>
<dd>dl</dd>
<dd>dt</dd>
<dd>dd</dd>
<dt>Tables</dt>
<dd>table</dd>
<dd>thead</dd>
<dd>tr</dd>
<dd>th</dd>
<dd>tbody</dd>
<dd>td</dd>
<dd>tfoot</dd>
</dl>
<!--a table-->
<table>
<thead>
<tr>
<th>Tag name</th>
<th>Category</th>
<th>Description</th>
</tr>
</thead>
<tbody>
<tr>
<td>ul</td>
<td>List</td>
<td>create an unordered list</td>
</tr>
<tr>
<td>ol</td>
<td>List</td>
<td>create an ordered list</td>
</tr>
<tr>
<td>li</td>
<td>List</td>
<td>create a list item</td>
</tr>
<tr>
<td>dl</td>
<td>List</td>
<td>create a description list</td>
</tr>
</tbody>
</table>
</body>
</html>
输出结果: