您的位置:首页 > Web前端 > HTML

HTMl基本知识点——列表

2017-04-12 20:46 239 查看

列表的标记

  无序列表<ul>...</ul> 、有序列表<ol>....</ol> 、自定义列表<dl>....</dl>

注:unordered list、orderedlist、definition list、

  无序列表:语法

<ul type=”项目符号类型”>

    <litype=”项目符号类型”>内容1</li>

    <litype=”项目符号类型”>内容2</li>

    .......

</ul>

<li></li>是一个项目,type的属性值:disc--●(默认);circle--○ ;square--■

  有序列表:语法

<ol start=”列表起点” type=”项目符号类型”>

    <li>内容1</li>

    <li>内容2</li>

    ........

</ol>

属性名称

属性值

说明

type
1(默认)

表示用1,2,3,4排序

a

表示用a,b,c,d排序

A

表示用A,B,C,D排序



表示用ⅰⅱⅲⅳ排序



表示用ⅠⅡⅢⅣ排序

    注:start的属性值是1,2,3,4这样的数字,表示从第几个开始例如:<ol start=”26”type=”a”>..</ol>则该有序列表里的第一条项目的序号是z

  定义列表:语法

<dl>

    <dt>标题1</dt>

    <dd>内容1</dd>

    <dd>内容2</dd>

    <dt>标题2</dt>

    <dd>内容1</dd>

    <dd>内容2</dd>

.........

</dl>

Ø  <dt>...</dt>表示一个项目

Ø  <dd>...</dd>表示一个项目下的更详细的内容解释

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html 列表