zoukankan      html  css  js  c++  java
  • 列表

    有序列表

    有序列表前带有数字,在html中有序列表使用<ol><li></li></ol>元素表示。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>有序列表</title>
    </head>
    <body>
    <!-- 在html中有序列表使用<ol><li></li></ol>元素表示 -->
    <ol>
        <li>洗锅</li>
        <li>装米</li>
        <li>淘米</li>
        <li>烧火煮饭</li>
    </ol>
    </body>
    </html>

    无序列表

    无序列表前带有圆点,在html中有序列表使用<ul><li></li></ul>元素表示。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>无序列表</title>
    </head>
    <body>
    <!-- 在html中无序列表使用<ol><li></li></ol>元素表示 -->
    <ul>
        <li>Java</li>
        <li>CSS</li>
        <li>HTML</li>
        <li>jQeury</li>
    </ul>
    </body>
    </html>

    嵌套列表

    列表里面还可以有列表,这样的形式叫嵌套列表。

    有序列表里可以嵌套无序列表,无序列表里可以嵌套有序列表。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>嵌套列表</title>
    </head>
    <body>
    <!-- 有序列表里可以嵌套无序列表,无序列表里可以嵌套有序列表。 -->
    <ul>
        <li>Java</li>
        <ul>
            <li>jdbc</li>
            <li>jsp</li>
            <li>Servlet</li>
            <li>spring</li>
        </ul>
        <li>CSS</li>
        <li>HTML</li>
        <li>jQeury</li>
    </ul>
    </body>
    </html>
  • 相关阅读:
    LeetCode --- 65. Valid Number
    算法题:A除以B
    Oracle之PLSQL
    Explicit Semantic Analysis (ESA)
    POJ 2533 Longest Ordered Subsequence
    产品研发管理(二):使用SubVersion进行代码管理
    机器学习——深度学习(Deep Learning)
    豌豆夹Redis解决方式Codis源代码剖析:Proxy代理
    Qt之QHeaderView加入复选框
    Linux禁用显示“缓冲调整”
  • 原文地址:https://www.cnblogs.com/lsyw/p/10482804.html
Copyright © 2011-2022 走看看