• 清单标记


    <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 
  • 相关阅读:
    各种经典透镜投影模型
    表达式和运算
    数组
    如何使用布尔类型
    如何使用数字类型
    如何使用字符串类型
    如何声明变量,如何给变量赋值
    变量 构造函数 New 关键字
    调用write方法打印语句到浏览器
    MVC中几种常用ActionResult
  • 原文地址:https://www.cnblogs.com/meihao1203/p/9165405.html
Copyright © 2020-2023  润新知