html5-列表

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表</title>
</head>
<body>
<ul type="disc">
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
<ul type="circle">
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
<ul type="square">
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
    <li>无序列表</li>
</ul>
<ol>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="A">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="I">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="a">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol type="i">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol start="8">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<ol start="8">
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
    <li value="21">有序列表</li>
    <li>有序列表</li>
    <li>有序列表</li>
</ol>
<dl>
    <dt>自定义列表名称</dt>
    <dd>内容说明</dd>
    <dt>张仙丽</dt>
    <dd>内容说明</dd>
    <dt>侯伟东</dt>
    <dd>内容说明</dd>
    
</dl>
</body>
</html>

posted @ 2017-09-04 14:02  侯伟东  阅读(194)  评论(0编辑  收藏  举报