2026年11月1日 · 今日 0 帖 · 会员 6.1万 · 主题 17.4万
登录 · 注册 · 游客,欢迎随便逛逛
返回版块
只看作者:洞房 查看全部
1000
Lv9有为九子能等级图标
勋章勋章勋章勋章勋章
帖子
9.3万
回复
2,089
积分
60.3万
注册
2006-12-06
[黑客破解]

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

[复制链接]
查看 1,215 回复 0
楼主 发表于 | 查看全部
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>表示一个项目下的更详细的内容。

登录回复

登录后可以回复这个帖子。旧账号可使用原密码登录。

登录 注册新号
← 返回版块