关于HTML中的列表

 

            今天，我们学习了HTML中列表、图像、超链接的相关知识。这几部分知识虽然层次还算清晰，但是一下子全都灌输给我们，叫我们掌握、记牢，这不仅让老师为难，也使我们犯怵。

          我且就今天讲的三部分中的应注意的东西做重点阐释，这对于我更进一步的掌握知识是有很大帮助的。

         首先，在列表中，常见且现在常用的列表类型有定义列表、无序列表、有序列表。对于定义列表，由此程序便可说明：

       <dl>

          <dt>游戏名称</dt>

                <dd>星际争霸</dd>

               <dd>红色警戒</dd>

        <dt>部门名称</dt>

              <dd>技术部</dd>

              <dd>培训部</dd>

     </dl>

程序的执行结果为：

         游戏名称

               星际争霸

              红色警戒

      部门名称

             技术部

            培训部

其中<dt>和<dt>为一层次，<dd>和<dd>为另一层次，其中并无顺序可言。

       相比之下，无序列表和有序列表似乎更惹人喜爱。

       我们先看无序列表：

      <ul>

          <li>星期日</li>

          <li>星期一</li>

          <li>星期二</li>

          <li>星期三</li>

         <li>星期四</li>

      </ul>

程序执行结果为：

• 星期日
• 星期一
• 星期二
• 星期三
• 星期四

还可以在<li>中加上type属性改变日期前部的特殊标记符。

        至于有序列表，可有以下程序阐释：

  <ol>

      <li>星期日<li>

     <li>星期一<li>

     <li>星期二<li>

     <li>星期三<li>

    <li>星期四<li>

</ol>

程序的运行结果为：

     1.星期日

     2.星期一

    3.星期二

     4.星期三

    5.星期四

当然对于<ol>中<li>也可以用type改变其中的序号。

对于列表中真正的难点是有序与无序的嵌套使用，具体如：

<ul>

 <li>体育三大球类

     <ol>

  <li>足球</li>

     <li>篮球</li>

     <li>排球</li>

  </ol>

</li>

<li>音乐风格

     <ol>

    <li>民族音乐</li>

        <li>流行音乐</li>

       <li>古典音乐</li>

   </ol>

</li>

</ul>

程序的运行结果为：

• 体育三大球类
  1. 足球
  2. 篮球
  3. 排球
• 音乐风格
  1. 民族音乐
  2. 流行音乐
  3. 古典音乐

         其实，HTML列表并不是太难，只要记住相应的标签，只要记住老师所讲的，老师给做的解释，一切都不是问题！