首页 > Web开发 > 详细

html中的列表元素

时间:2021-01-24 18:23:27      阅读:37      评论:0      收藏:0      [点我收藏+]
  • 有序列表(order list)

    <ol>
        <li></li>
    </ol>
    
  • 无序列表(unorder list)

    <ul>
        <li></li>
    </ul>
    
  • 定义列表(defined list),是一个包含术语定义以及描述的列表,通常用于展示词汇表或者元数据 (键-值对列表)。

    <dl>
        <dt>人</dt>
        <dd>一种哺乳动物</dd>
    </dl>
    

代码示例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>a标签</title>
</head>

<body>
    <h2>有序列表</h2>
    <ol>
        <li>这是第一步</li>
        <li>这是第二步</li>
        <li>这是第三步</li>
    </ol>

    <h2>无序列表</h2>
    <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
    </ul>

    <h2>定义列表</h2>
    <dl>
        <dt>人</dt>
        <dd>一种哺乳动物</dd>
        <dd>很聪明</dd>
    </dl>
</body>

</html>

技术分享图片

html中的列表元素

原文:https://www.cnblogs.com/Gen2021/p/14321750.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!