zoukankan      html  css  js  c++  java
  • HTML列表简单介绍

    1.无序列表

    使用标签:<ul>,<li>

    属性:disc,circle,square

    2.有序列表

    使用标签:<ol>,<li>

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

    3.嵌套列表

    使用标签:<ul>,<ol>,<li>

    4.自定义列表

    使用标签:<dl>,<dt>,<dd>

    
    
    <!--各个标签使用演示-->

    <!
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表的使用</title> </head> <body> <ol> <li>第一</li> <li>第二</li> <li>第三</li> </ol> <br/>
    <!--“<br/>”:换行-->
    
    
        <ul>
            <li>第一</li>
            <li>第二</li>
            <li>第三</li>
        </ul>
        <br/>
        <ol type="a">
            <li>
                <ul type="diss">
                    <li>第一</li>
                    <li>第二</li>
                    <li>第三</li>
                </ul>
            </li>
            <li>第二</li>
            <li>第三</li>
        </ol>
        <br/>
        <ol type="I">
    
                <li>第一</li>
                <li>第二</li>
                <li>第三</li>
    
        </ol>
        <br/>
        <ol start="3">
            <li>第一</li>
            <li>第二</li>
            <li>第三</li>
        </ol>
        <br/>
        <ul type="diss">
            <li>第一</li>
            <li>第二</li>
            <li>第三</li>
        </ul>
        <br/>
        <ul type="square">
            <li>第一</li>
            <li>第二</li>
            <li>第三</li>
        </ul>
        <br/>
        <ul type="circle">
    
                <li>第一</li>
                <li>第二</li>
                <li>第三</li>
    
        </ul>
    </body>
    </html>
  • 相关阅读:
    性能相关记录
    邮箱SMTP
    IntelliJ IDEA 14.1.7 安装激活
    pychram永久激活
    电脑的奇葩坑
    jmeter过程中的坑
    各数据库驱动连接配置
    spring定时器--时间设置规则
    linux redhat7.2下vim的安装与使用方法
    分数化小数
  • 原文地址:https://www.cnblogs.com/wangwenchao/p/11873123.html
Copyright © 2011-2022 走看看