0
点赞
收藏
分享

微信扫一扫

html列表标签

Ad大成 2022-01-20 阅读 168
html前端

列表标签

表格是用来显示数据的,列表是用来布局的。

列表最大的特点就是整齐、整洁、有序,它作为布局会更加自由和方便。

列表可以分为三大类:无序列表、有序列表、自定义列表。

无序列表

<ul>标签代表HTML的无序列表。列表项使用<li>标签来定义。

    <ul>
        <li>臭豆腐</li>
        <li>鲱鱼罐头</li>
        <li>腐乳</li>
    </ul>
  1. 无序列表的各个列表项之间是没有顺序级别之分的,是并列的。
  2. <ul></ul>中只能嵌套<li></li>,直接在<ul></ul>标签中输入其他标签或者文字的做法是不被允许的。
  3. <li></li>标签相当于一个容器,可以容纳所有元素。

有序列表

<ol></ol>标签是有序列表。列表项还是使用<li>标签来定义。

和无序列表的特点差不多,只不过有序列表是有顺序之分的。

自定义列表

自定义列表常用于对术语或名词进行解释和描述。

<dl></dl>用于定义描述列表,该标签会与<dt>(定义项目/名称)和<dd>(描述每一个项目/名字)一起使用。

    <dl>
        <dt>项目一</dt>
        <dd>美食</dd>
        <dd>攻略</dd>
    </dl>

dl>dt>dd

一个dl中可以包含多个dt。dt和dd没有个数限制。

举报

相关推荐

0 条评论