HTML之列表元素

列表元素

有序列表

<h1>把大象装进冰箱,总共分几步?</h1>
   <ol type="i">
       <li>打开冰箱</li>
       <li>大象进去</li>
       <li>冰箱关上</li>
   </ol>

不赞成,type属性来控制显示样式,应该通过css来控制

<h1>把大象装进冰箱,总共分几步?</h1>
   <ol style="list-style-type:decimal;">
       <li>打开冰箱</li>
       <li>大象进去</li>
       <li>冰箱关上</li>
   </ol>

reversed属性:倒序(降序)

 <h1>把大象装进冰箱,总共分几步?</h1>
   <ol reversed>
       <li>打开冰箱</li>
       <li>大象进去</li>
       <li>冰箱关上</li>
   </ol>

无序列表

 <h1> 择偶标准:</h1>
    <ul>
        <li>孝顺父母</li>
        <li>有责任心</li>
    </ul>

无序列表常用于制作菜单 或 新闻列表

定义列表

通常用于一些术语的定义

dl: 标签定义了定义列表

dt: 定义列表中的项目

dd: 描述列表中的项目

 <h1>定义列表</h1>
    <dl>
        <dt>计算机</dt>
        <dd>用来计算的仪器 ... ...</dd>
        <dt>显示器</dt>
        <dd>以视觉方式显示信息的装置 ... ...</dd>
    </dl>
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 书香水墨 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读