美文网首页
HTML 列表

HTML 列表

作者: Shorebloom_59f6 | 来源:发表于2018-09-14 10:28 被阅读0次

    列表分为有序列表、无序列表。还可以对列表进行自定义。<ul>无序列表,<ol>有序列表,<li>列表项

    1. 有序列表

    使用标签<ol>
    例:

    <ol>
      <li>第一项</li>
      <li>第二项</li>
      <li>第三项</li>
    </ol>
    

    有序列表还可以根据type属性展现不同的序号类型

    type值 表现形式
    1 2 3 4
    A A B C D
    a a b c d
    I 大写罗马数字列表
    i 小写罗马数字列表

    2.无序列表

    使用标签<ul>
    例:

    <ul>
      <li>第一项</li>
      <li>第二项</li>
      <li>第三项</li>
    </ul>
    

    有序列表无序列表结果展示:

    list.jpg

    3. 自定义列表项

    自定义列表不仅仅是一列项目,而是项目及其注释的组合。
    自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt>开始。每个自定义列表项的定义以 <dd> 开始。

    注意: 在 HTML 4中 ul 属性已废弃,HTML5 已不支持该属性,因此使用 CSS 代替来定义不同类型的无序列表如下:

    style值 表现形式
    list-style-type:disc 原点列表
    list-style-type:circle 圆圈列表
    list-style-type:square 正方形列表

    4.列表标签

    标签 描述
    <ol> 定义有序列表
    <ul> 定义无序列表
    <li> 定义列表项
    <dl> 定义列表
    <dt> 自定义列表项目
    <dd> 定义自定列表项的描述

    相关文章

      网友评论

          本文标题:HTML 列表

          本文链接:https://www.haomeiwen.com/subject/iwwngftx.html