zoukankan      html  css  js  c++  java
  • 清单标记

    <OL> <LI> :
    <OL>称为顺序清单标记。<LI>则用以标示清单项目。
    所谓顺序清单就是在每一项前面加上 1,2,3... 等数目,又称编号清单。

    <OL> 的参数设定(常用):
    例如: <ol type="i" start="4"></ol>

    • type="i"
      设定数目款式,其值有五种,请参考 右表,内定为 type="1"。
    • start="4"
      设定开始数目,不论设定了哪一数 目款式,其值只能是 1,2,3.. 等整 数,内定为 start="1"。
    Type Numbering style
    1 arabic numbers 1, 2, 3, ...
    a lower alpha a, b, c, ...
    A upper alpha A, B, C, ...
    i lower roman i, ii, iii, ...
    I upper roman I, II, III, ...

    <LI> 的参数设定(常用):
    例如: <li type="square" value="4">

    • type="square"
      只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":
      符号 是当 type="disc" 时的列项符号。
      符号 if" width=10 height=10 border=0> 是当 type="circle" 时的列项符号。
      符号 是当 type="square" 时的列项符号。
    • value="4"
      只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增, 但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。 
    HTML Source Code (原始码) 浏览器显示结果
    My best friends:
    <ol>    //默认,<ol type="1" value="1">
    <li>Michelle Wei
    <li>Michael Wan
    <li>Gloria Lam
    </ol>
    My best friends:
    1. Michelle Wei
    2. Michael Wan
    3. Gloria Lam 

    <ol type="i" start="1">     //不起作用
    <li type="square" value="4">Michelle Wei
    <li>Michael Wan
    <li>Gloria Lam
    </ol> 

    ◾Michelle Wei
    v.Michael Wan
    vi.Gloria Lam







    <UL> :
    <UL>称为无序清单标记。
    所谓无序清单就是在每一项前面加上 等符号,故又称符号清单。

    <UL> 的参数设定(常用):
    例如: <UL type="square">

    • type="square"
      设定符号款式,其值有三种,如下,内定为 type="disc":
      符号 是当 type="disc" 时的列项符号。
      符号 是当 type="circle" 时的列项符号。
      符号 是当 type="square" 时的列项符号。

    注意:由于 <UL> 及 <LI> 都有 type 这个参数,两者尽可能选用其一。

    HTML Source Code (原始码) 浏览器显示结果
    My Homepages:
    <ul>
    <li>Penpals Garden
    <li>ICQ Garden
    <li>Software City
    <li>Creation of Webpage
    </ul>
    My Homepages:
    • Penpals Garden
    • ICQ Garden
    • Software City
    • Creation of Webpage 
  • 相关阅读:
    aria2服务器
    小米路由器mini刷openwrt系统
    为玩客云或树莓派安装LNMP和PhpMyAdmin
    在玩客云或树莓派上通过ffmpeg将视频推流到直播平台
    阿里云盘+OneManager+Heroku+CFWorkers实现阿里云盘网络挂载
    ProBuilder操作一览表
    ProBuilder快速原型开发技术 ---操作基础
    VisualEffectGraph概述
    ProBuilder快速原型开发技术 ---进阶功能操作
    ProBuilder快速原型开发技术 ---模型精细化操作
  • 原文地址:https://www.cnblogs.com/meihao1203/p/9165405.html
Copyright © 2011-2022 走看看