zoukankan      html  css  js  c++  java
  • HTML——列表标签

    一、有序列表<ol>(ordered list)

    有序列表使用编号来编排项目,编号可以采用数字或引文字母开头,通常各项目间有先后的顺序性。在有序列表中,主要使用<ol>和<li>两个标签以及 type 和  start 两个属性。

    <ol>
        <li>python</li>
        <li>java</li>
        <li>c/c++</li>
        <li>r</li>
    </ol>

     效果:

     常用属性: 

    start:为起始数值,属性值为具体的数字

    type:为排序类型,取值如下:

    type 取值 列表项目的序号类型
    1 数字 1,2,3…
    a 小写英文字母 a,b,c ...
    A 大写英文字母 A,B,C…
     小写罗马数字ⅰ,ⅱ, ⅲ...
    大写罗马数字 Ⅰ,Ⅱ,Ⅲ...

    二、无序列表<ul>(unordered list)

    <ul>
        <li>python</li>
        <li>java</li>
        <li>c/c++</li>
        <li>r</li>
    </ul>

     效果:

    常用属性:

    type:规定列表的项目符号的类型。取值如下

    type 取值 含义
    circle 空心圆
    disc 实心圆
    square  实心正方形

    三、自定义列表<dl>(definition list)

    自定义列表包含两个层次的列表:第一层次是需要解释的名词,第二层次是具体的解释。

    <dl>
        <dt>交通工具</dt>
        <dd>自行车</dd>
        <dd>摩托车</dd>
        <dd>小轿车</dd>
        <dd>火车</dd>
    </dl>

     效果:

    在该语法中,<dt>和</dt>之间是要解释的名称,<dd>和< /dd>之间则是该名词的具体解释。

  • 相关阅读:
    一些命令
    DB-5:使用PowerDesigner连接数据库并生成ER图
    [原创]OpenEuler20.03安装配置PostgreSQL13.4详细图文版
    oss 视频转码
    java lambda groupby 的map顺序问题
    Springboot得到RabbitMQ队列消息的数量
    Rabbitmq 定时任务 (代码实现)
    Rabbitmq 定时任务
    Mac navicat 15
    Mac 重置 idea
  • 原文地址:https://www.cnblogs.com/bear7/p/12955884.html
Copyright © 2011-2022 走看看