标签导航:

HTML列表


  列表标签

标签 描述
    定义有序列表。
      定义无序列表。
    • 定义列表项。
      dl> 定义定义列表。
      定义定义项目。
      定义定义的描述。
      dir> 已废弃。使用
        代替它。
      已废弃。使用
        代替它。

      常用的列表

      1. 无序列表

      使用标签:

        ,
      • 属性: disc, circle, square

        示例:

        <!DOCTYPE html><html lang="en"><head>
            <meta charset="UTF-8">
            <title>聊表</title></head><body>
            <!--无序列表, 列表项为li-->
            <!--disc 实心圆, circle 空心圆, square 实行正方形, 依次更改运行看下--><ul type="disc">
            <li>apple</li>
            <li>orange</li>
            <li>bananer</li>
            <li>Berry</li></ul></body></html>

        2. 有序列表

        使用标签

          ,
        1.   属性: A, a, I, i, start

          <!DOCTYPE html><html lang="en"><head>
              <meta charset="UTF-8">
              <title>列表</title></head><body><!--有序列表, 列表项为li--><!--A: 以A,B,C...排序
              a: 以a,b,c...排序
              I: 以I, II, III...排序
              i: 以i,ii,iii...排序
              start: 自己定义排序的第一个--><ol type="i">
              <li>iOS</li>
              <li>Android</li>
              <li>Java</li>
              <li>Swift</li>
              <li>Objective-C</li></ol></body></html>

            3. 嵌套列表(包含有序列表嵌套, 无序列表嵌套)

            使用标签

            ,
              ,
            1. <!DOCTYPE html><html lang="en"><head>
                  <meta charset="UTF-8">
                  <title>列表</title></head><body><!----><ul type="square">
                  <li>iOS</li>
                      <ul>
                          <li>iPhone</li>
                          <li>iWatch</li>
                          <li>iPod</li>
                          <li>iPad</li>
                      </ul>
                  <li>Android</li>
                      <ul>
                          <li>Any Call</li>
                          <li>Oppo</li>
                          <li>Vivio</li>
                          <li>Huawei</li>
                      </ul>
                  <li>Objective-C</li></ul></body></html>

                4. 自定义列表

                使用标签

              ,
              ,

              <!DOCTYPE html><html lang="en"><head>
                  <meta charset="UTF-8">
                  <title>自定义列表</title></head><body><!--定义自定义列表--><dl>
                  <!--定义自定义项目-->
                  <dt>cast:</dt>
                  <!--定义自定义描述-->
                      <dd>vi. 1投掷扔抛, 2丢弃, 抛弃 3把...投向, 抛射, 4分派..., 扮演角色 5铸造, 浇铸 n. 全体演员</dd>
                  <dt>forecast:</dt>
                      <dd>v. 预测, 预报, /dd>        <dd>n. 预测, 预报<</dd>
                  <dt>insight:</dt>
                   <dd>n. 洞察力, 领悟 v. 洞悉, 了解</dd></dl></body></html>

              HTML块


                1. HTML块元素

                块元素在显示时, 通常会以新行开始

                如: