4、 列表

一、复习

二、新课内容

      列表能对网页中的文字更好地布局，将项目有序或无序地罗列显示。HTML中一共有三种类型的列表，分别是：无序、有序和定义列表等 。

1、无序列表<ul>

      <ul>是无序列表的起始标记，在HTML文件中插入成对的标记<ul></ul>，完成无序列表的插入。

基本语法

<ul type="">

  <litype="">项目名称</li>

     <li type="">项目名称</li>

  <litype="">项目名称</li>

</ul> 

2、菜单列表和目录列表<menu> <dir>

      <menu>是菜单列表的起始标记，在HTML文件中插入成对的标记<menu></menu>，完成菜单列表的插入。

基本语法

<menu type="">

  <litype="">项目名称</li>  

         <li type="">项目名称</li>  

         <li type="">项目名称</li>

</menu> 

       <dir>是菜单列表的起始标记，在HTML文件中插入成对的标记<dir></dir>，完成目录列表的插入。

基本语法

<dir type="">

      <li type="">项目名称</li>

       <li type="">项目名称</li>

       <li type="">项目名称</li>

</dir> 

3、有序列表<ol>

      <ol>是有序列表的起始标记，在HTML文件中插入成对的标记<ol></ol>，完成有序列表的插入。

     基本语法

 <ol type=""start="">

      <li type=""  value="n">项目名称</li>

       <li type=""  value="n">项目名称</li>

       <li type=""  value="n">项目名称</li>

</ol> 

4、嵌套列表

       在HTML文件中，嵌套列表的使用不仅使网页的内容布局更加美观，而且使显示的内容更加清晰、明白。

基本语法

<ul>

     <li >项目名称 </li>

       <ol>

         <li >项目名称 </li>

      </ol>

</ul>