HTML学习笔记[4]使用列表

 

使 用 列 表

1.  有序列表

A. 有序列表 ol

<ol>

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

。。。。。。

</ol>

<ol></ol>标记着有序列表的开始和结束 <li></li>标记表示这是一个列表项

如：

<ol>

<li> 星期一 </li>

<li> 星期二 </li>

<li> 星期三 </li>

<li> 星期四 </li>

<li> 星期五 </li>

<li> 星期六 </li>

<li> 星期日 </li>

</ol>

B. 有序列表的序号类型type

<ol type="序号类型">

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

。。。。。。

</ol>

其中序号类型type可取：1（数字），a（小写字母），A（大写字母），i（小写罗马数字），I（大写罗马数字）

如：

ol type="1">

<li> 星期一 </li>

<li> 星期二 </li>

<li> 星期三 </li>

<li> 星期四 </li>

<li> 星期五 </li>

<li> 星期六 </li>

<li> 星期日 </li>

</ol>

C. 有序列表的起始数值start

<ol start="起始数值">

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

<li>有序列表项</li>

。。。。。。

</ol>

如：

<ol type="1" start="11">

<li> 星期一 </li>

<li> 星期二 </li>

<li> 星期三 </li>

<li> 星期四 </li>

<li> 星期五 </li>

<li> 星期六 </li>

<li> 星期日 </li>

</ol>

2.  无序列表

A.  无序列表标记<yl>

<ul>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

。。。。。。

</ul>

如：

<ul>

<li> 星期一 </li>

<li> 星期二 </li>

<li> 星期三 </li>

<li> 星期四 </li>

<li> 星期五 </li>

<li> 星期六 </li>

<li> 星期日 </li>

</ul>

B. 无序列表的类型 type

<ul type="符号类型">

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

。。。。。。

</ul>

其中类型type可以是disc（默认值，实心点）circle（空心环）square（空心正方形）

C. 目录列表标记<dir>

<dir>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

。。。。。。

</dir>

D. 定义列表标记<dl>

<dl>

<dt>定义条件</dl>

<dd>定义描述</dd>

。。。。。。

</dl>

其中<dl></dl>定义了列表的开始和结束 <dt>添加要解释的名词</dt> <dd>添加该 名词的具体解释</dd>

如：

<dl>

<dt>HTML</dt>

<dd>HTML就是。。。</dd>

</dl>

E. 菜单列表标记<menu>

<menu>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

<li>列表项</li>

。。。。。。

</menu>