码迷,mamicode.com
首页 > 其他好文 > 详细

清单标记

时间:2018-06-11 10:59:51      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:ati   ref   number   nbsp   family   word   100%   mic   www   

<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 

清单标记

标签:ati   ref   number   nbsp   family   word   100%   mic   www   

原文地址:https://www.cnblogs.com/meihao1203/p/9165405.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!