7.列表标签

 <style>
        ul {
            width: 220px;
            height: 120px;
            background-color: lightgreen;
        }
    </style>

无序列表标签

<ul>
        <li>新闻xxxxx</li>
        <li>财经xxxxx</li>
        <li>体育xxxxx</li>
        <li>历史xxxxx</li>
        <li>娱乐xxxxx</li>
    </ul>

有序列表标签

 <ol>
        <li>新闻yyyyy</li>
        <li>财经yyyyy</li>
        <li>体育yyyyy</li>
        <li>历史yyyyy</li>
        <li>娱乐yyyyy</li>
    </ol>

自定义列表 

<dl>
        <dt>一级菜单</dt>
        <dd>二级菜单</dd>
        <dd>二级菜单</dd>
        <dd>二级菜单</dd>
     </dl>
     <dl>
        <dt>一级菜单</dt>
        <dd>二级菜单</dd>
        <dd>二级菜单</dd>
        <dd>二级菜单</dd>
     </dl>

列表标签：可以独占一行显示，也可以直接设置宽度高度。视为块级元素。