域名不卖,勿扰!

十天学会HTML:第三天 排列清单控制标记

排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列表。还可以在一种列表中嵌套另一种列表。对于概括因特网上的内容,列表是非常方便的。今天我们主要说说1、无序号条例式清单<ul>

;2、有序号条例式清单<ol>;3、无序列表和有序列表的结合应用;4、叙述式清单<dl>。



一、无序号条例式清单<ul>与<li>



格式:

  1. <ul>
  2. <li>…</li>
  3. <li>…</li>
  4. <li>…</li>
  5. <li>…</li>
  6. </ul>

复制代码

功能: <ul>无序条列清单的开始;

</ul>表示结束;

<li>…</li>表示一个项目。



<li>的属性



属性名称  属性值  说明

type    dise    实心圆(默认值)

      circle   空心圆

      square  实心方块



二、 有序号条例式清单<ol>与<li>



格式:

  1. <ol>
  2. <li>…</li>
  3. <li>…</li>
  4. <li>…</li>
  5. <li>…</li>
  6. </ol>

复制代码

功能: <ol>有序条列清单的开始;

</ol>表示结束;

<li>…</li>表示一个项目。



<ol>的属性



属性名称  属性值  说明

 type    1   表示以1,2,3,4 来表示

       a    表示以a,b,c,d 来表示

       A    表示以A,B,C,D 来表示

       i    表示以i,ii ,iii 来表示

       I    表示以I,II,III 来表示



三、无序列表和有序列表的结合应用



格式:

  1. <ul>
  2. <li>
  3. …..
  4. <ol>
  5. <li>…</li>
  6. <li>…</li>
  7. <li>…</li>
  8. </ol>
  9. </li>
  10. <li>
  11. …..
  12. <ol>
  13. <li>…</li>
  14. <li>…</li>
  15. <li>…</li>
  16. </ol>
  17. </li>
  18. </ul>

复制代码

四、叙述式清单(定义列表)



格式:

  1. <dl>
  2. <dt>…</dt>
  3. <dd>…</dd>
  4. <dd>…</dd>
  5. <dd>…</dd>
  6. <dt>…</dt>
  7. <dd>…</dd>
  8. <dd>…</dd>
  9. <dd>…</dd>
  10. </dl>

复制代码

功能: 

<dl>叙述清单的开始;

<dt>表示一个项目;

<dd>表示一个项目下的更详细的内容。

版权共享,随意转载:云破天开 » 十天学会HTML:第三天 排列清单控制标记

评论

7+4=