• html:列表标签(无序、有序、自定义)


    1、无序列表

    基本格式:

    <ul>
    
    <li></li>
    
    <li></li>
    
    <li></li>
    
    </ul>
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
        </head>
    
        <body bgcolor="aquamarine">
            <ul>
                <h4 align="left">课程</h4>
                <li>数学</li>
    
                <li>英语</li>
    
                <li>面向对象程序设计</li>
    
            </ul>
        </body>
    
    </html>

    <ul>标签里面只能放<li>,但是<li>标签里面可以放其他的元素

    小米官网:

    2、有序列表

    <ol type="">
    
    <li></li>
    
    <li></li>
    
    <li></li>
    </ol>
    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
        </head>
    
        <body bgcolor="aquamarine">
            <h4 align="left">课程</h4>
            <ol type="1">
    
                <li>语文</li>
    
                <li>数学</li>
    
                <li>英语</li>
            </ol>
        </body>
    
    </html>

    可以通过更改属性type改变编号的样式:

    l:阿拉伯数字

    a:小写英文字母

    A:大写英文字母

    i:小写罗马文字

    I:大写罗马文字

    3、相关值的设定

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
        </head>
    
        <body bgcolor="aquamarine">
            <h4 align="left">课程</h4>
            <ol type="1" start="3">
                <li>程序设计</li>
    
                <li value="5">语文</li>
    
                <li value="8">数学</li>
    
                <li>英语</li>
            </ol>
        </body>
    
    </html>

    通过设定属性的值,可以改变每行的起始值和某一行的值。

    4、定义列表

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="UTF-8">
        </head>
    
        <body bgcolor="aquamarine">
        
            <dl>
                <dt>语文</dt>
                <dd>李白</dd>
                <dd>鲁迅</dd>
                <dt>数学</dt>
                <dd>高斯</dd>
                
                
            </dl>
        </body>
    
    </html>

     dt是大哥,dd是小弟

    小米官网:

  • 相关阅读:
    代码结构
    linux 启动盘制作multisystem
    cmake 各种语法的作用
    leetcode Longest Consecutive Sequence
    leetcode find kth
    leetcode twoSum
    S3pool pytorch
    数学:优化:拉格朗日乘子法
    Fisher判别分析(线性判别分析——LDA)
    数学:优化:牛顿法
  • 原文地址:https://www.cnblogs.com/zhai1997/p/11406951.html
Copyright © 2020-2023  润新知