浅谈html有序列表、无序列表与定义列表

时间：2021-05-08

有序列表

XML/HTML Code复制内容到剪贴板
  • <oltype="A",start="C"><!--orderedlist-->
  • <li>第一项</li>
  • <li>第二项</li>
  • </ol>

    • 无序列表

    XML/HTML Code复制内容到剪贴板
  • <ultype="disc"><!--unorderedlist--><!--还有两种type：circle，square-->
  • <li>第一项</li>
  • <li>第二项</li>
  • </ul>

    • 定义列表

    定义列表由定义条件(definition term)和定义描述(definition description)构成

    XML/HTML Code复制内容到剪贴板
  • <dt>标记后面添加要解释的名词
  • <dd>标记后面添加名词的具体解释
    • XML/HTML Code复制内容到剪贴板
  • <dltype="disk"><!--definitionlist--><!--还有两种type：circle，square-->
  • <dt>CSS</dt>
  • <dd>CascatingStyleSheets</dd>
  • </dl>

    • 栗子：

    XML/HTML Code复制内容到剪贴板
  • <!doctypehtml>
  • <html>
  • <head>
  • <metahttp-equiv="content-type"content="text/html;charset=utf-8"
  • <metaname="description"content="设置页面说明">
  • <title>网页1</title>
  • </head>
  • <body>
  • <h1>标题</h1>
  • <hr>
  • <oltype="A",start="3"><!--orderedlist-->
  • <li>第一项</li>
  • <li>第二项</li>
  • </ol>
  • <ultype="disc"><!--unorderedlist--><!--还有两种type：circle，square-->
  • <li>第一项</li>
  • <li>第二项</li>
  • </ul>
  • <dltype="disk"><!--definitionlist-->
  • <dt>CSS</dt>
  • <dd>CascatingStyleSheets</dd>
  • </dl>
  • </body>
  • </html>

    • 输出效果：

    以上这篇浅谈html有序列表、无序列表与定义列表就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

    声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

    相关文章