网络基础编程第五章

第5章 建立和使用列表

5·1 列表类型
          dl:  定义列表(双)
          ol:  有序列表(双)
          ul:  无序列表(双)
          dir: 目录列表(双)
          menu:菜单列表(双)

5·1·1 插入定义列表<dl>
          语法:  <dl>
                    <dt>名称<dd>说明
                    <dt>名称<dd>说明
                    <dt>名称<dd>说明
                    ...
                 </dl>
<dt>标记定义了组成列表项名称部分，只在<dl>中使用
<dd>标记用于解释说明<dt>标记定义的项目名称，只在<dl>中使用

5·1·2 插入无序列表<ul>
          语法:  <ul>
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    ...
                 </ul>
<ul>标记之间必须使用成对<li></li>标记添加列表项值

5·1·3 插入目录列表<dir>
          语法:  <dir>
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    ...
                 </dir>
<dir>标记之间必须使用成对<li></li>标记添加列表项值
              
5·1·4 插入菜单列表<menu>
          语法:  <menu>
                    <li>项目名称...
                    <li>项目名称...
                    <li>项目名称...
                    ...
                 </menu>
<menu>标记之间只需要单个<li>标记添加列表项值

5·1·5 插入有序列表<ol>
          语法:  <ol>
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    ...
                 </ol>
<ol>标记之间必须使用成对<li></li>标记添加列表项值

注:当我们需要改变列表符号时，需要在<ol>中输入type属性。值有:1、a、A、i、I、square(代表小方块)。
          语法:  <ol type="">
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    <li>项目名称</li>...
                    ...
                 </ol>

5·2 嵌套列表

5·2·1 嵌套定义列表
          语法:  <dl>
                    <dt>名称
                    <dd>说明
                    <dd>说明
                    <dd>说明
                    <dt>名称
                    <dd>说明
                    <dd>说明
                    ...
                 </dl>

5·2·2 嵌套有序和无序列表

在无序列表中插入有序列表构成了嵌套。

          语法:  <ul>
                    <li>项目名称</li>
                    <ol>
                    <li>项目名称</li>
                    <li>项目名称</li>
                    <li>项目名称</li>
                    ...
                    </ol>
                    <li>项目名称</li>
                    <ol>
                    <li>项目名称</li>
                    <li>项目名称</li>
                    <li>项目名称</li>
                    ...
                    </ol>
                    <li>项目名称</li>
                    ...
                 </ul>