edit_note帖子
736
stars积分
667
event加入
2011-07-07
技术讨论
十天会HTML第三天排列清单控制标记
schedule发表于 2014-03-13 08:49:00
visibility查看 1,213
chat_bubble回复 1
#1 楼主
排列清单控制标记可以创建一般的列表、编号列表或加着重号列表,以及定义列表。还可以在一种列表中嵌套另一种列表。对于概括因特网上的内容,列表是非常方便的。今天我们主要说说1、无序号条例式清单<ul>
;2、有序号条例式清单<ol>;3、无序列表和有序列表的结合应用;4、叙述式清单<dl>。
一、无序号条例式清单<ul>与<li>
格式:
<ul>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>
复制代码
功能: <ul>无序条列清单的开始;
</ul>表示结束;
<li>…</li>表示一个项目。
<li>的属性
属性名称 属性值 说明
type dise 实心圆(默认值)
circle 空心圆
square 实心方块
二、 有序号条例式清单<ol>与<li>
格式:
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</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 来表示
三、无序列表和有序列表的结合应用
格式:
<ul>
<li>
.....
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
</li>
<li>
.....
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
</li>
</ul>
复制代码
四、叙述式清单(定义列表)
格式:
<dl>
<dt>…</dt>
<dd>…</dd>
<dd>…</dd>
<dd>…</dd>
<dt>…</dt>
<dd>…</dd>
<dd>…</dd>
<dd>…</dd>
</dl>
复制代码
功能:
<dl>叙述清单的开始;
<dt>表示一个项目;
<dd>表示一个项目下的更详细的内容。
;2、有序号条例式清单<ol>;3、无序列表和有序列表的结合应用;4、叙述式清单<dl>。
一、无序号条例式清单<ul>与<li>
格式:
<ul>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</ul>
复制代码
功能: <ul>无序条列清单的开始;
</ul>表示结束;
<li>…</li>表示一个项目。
<li>的属性
属性名称 属性值 说明
type dise 实心圆(默认值)
circle 空心圆
square 实心方块
二、 有序号条例式清单<ol>与<li>
格式:
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
<li>…</li>
</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 来表示
三、无序列表和有序列表的结合应用
格式:
<ul>
<li>
.....
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
</li>
<li>
.....
<ol>
<li>…</li>
<li>…</li>
<li>…</li>
</ol>
</li>
</ul>
复制代码
四、叙述式清单(定义列表)
格式:
<dl>
<dt>…</dt>
<dd>…</dd>
<dd>…</dd>
<dd>…</dd>
<dt>…</dt>
<dd>…</dd>
<dd>…</dd>
<dd>…</dd>
</dl>
复制代码
功能:
<dl>叙述清单的开始;
<dt>表示一个项目;
<dd>表示一个项目下的更详细的内容。
全部回复 (1)
2014-03-13 12:54:00
沙发
顶!!!!
登录 后才能回复
flag举报帖子