• HTML列表


    有序列表<ol>

      有序列表默认的排序方式:以数字的递增排序。

      私有属性:

            type,表示有序列表的排序方式

            选项有:默认是1,a,A,I,i

            start,表示从几开始排序(只接受数字,默认值是Number)

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>有序列表</title>
     6 </head>
     7 <body>
     8 <ol type="a" start="4">
     9     <li>苹果卖疯了</li>
    10     <li>小米卖疯了</li>
    11     <li>华为卖疯了</li>
    12 </ol>
    13 </body>
    14 </html>

    注:<li>标签表示列表项

    无序列表<ul>

      无序列表的默认排序方式是实心小圆点。

      私有属性:

           type,表示无序列表的排序类型。

           type="disc",默认属性,实心小圆点

           type="square",显示是实心小方点

           type="circle",显示是空心小圆点

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>无序列表</title>
     6 </head>
     7 <body>
     8 <ul type="circle">
     9     <li>苹果</li>
    10     <li>锤子</li>
    11     <li>OPPO</li>
    12 </ul>
    13 </body>
    14 </html>

    列表嵌套

      列表是可以嵌套的,嵌套时建议最多嵌套 3 层。实际开发时,需要配合 CSS 实现菜单类内容。

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>列表嵌套</title>
     6 </head>
     7 <body>
     8 <ol>
     9     <li>
    10         苹果
    11         <ol type="a">
    12             <li>烟台苹果</li>
    13             <li>山西苹果</li>
    14             <li>辽宁苹果</li>
    15         </ol>
    16     </li>
    17     <li>西瓜</li>
    18     <li>香蕉</li>
    19 </ol>
    20 <ul>
    21     <li>
    22         苹果
    23         <ul>
    24             <li>烟台苹果</li>
    25             <li>山西苹果</li>
    26             <li>辽宁苹果</li>
    27         </ul>
    28     </li>
    29     <li>西瓜</li>
    30     <li>香蕉</li>
    31 </ul>
    32 <ul>
    33     <li>
    34         苹果
    35         <ol type="a">
    36             <li>烟台苹果</li>
    37             <li>山西苹果</li>
    38             <li>辽宁苹果</li>
    39         </ol>
    40     </li>
    41     <li>西瓜</li>
    42     <li>香蕉</li>
    43 </ul>
    44 </body>
    45 </html>

    定义列表(自定义列表)<dl>,<dt>,<dd>

      定义列表不仅仅是一列项目,而是项目及其注释的组合。

      定义列表以<dt>标签开始,每个定义列表项以<dt>开始,每个定义列表项的定义以<dd>开始。

        <dl>标签定义一个描述列表

        <dt>标签定义一个描述列表的项目/名字

        <dd>标签被用来对一个描述列表中的项目/名字进行描述

     1 <!DOCTYPE html>
     2 <html lang="en">
     3 <head>
     4     <meta charset="UTF-8">
     5     <title>定义列表</title>
     6 </head>
     7 <body>
     8 <dl>
     9     <dt>于老师三大爱好</dt>
    10     <dd>1.抽烟</dd>
    11     <dd>2.喝酒</dd>
    12     <dd>3.烫头</dd>
    13 </dl>
    14 </body>
    15 </html>

      

      

      

      

  • 相关阅读:
    mqtt 服务器与客户端通讯
    MQTT--单片机实现即时通信
    source insight 如何建工程--以及快捷方式查找调用函数方法
    在联网时,两台linux服务器传输文件方法
    字符串截取函数-c语言
    strcpy(),strcat()的用法
    如何将红色区域数据调用解密函数直接打印到输出控制台(例如:crt控制台)
    如何把apdu[decode_len]打印出来
    SecureCRT中文乱码解决已设置UTF-8
    RobotFrameWork(五)控制流之if语句——Run Keyword If
  • 原文地址:https://www.cnblogs.com/billyang1209/p/7603792.html
Copyright © 2020-2023  润新知