search 登录 注册
arrow_back返回列表
ID:59593
light_modedark_modestarstarstar
Lv.1 韶华一笑间
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>表示一个项目下的更详细的内容。

全部回复 (1)

ID:1919
light_modedark_mode
Lv.5 甘首五朝臣
2014-03-13 12:54:00 沙发
顶!!!!
登录 后才能回复