欢迎光临
我们一直在努力

从HTML语言到网上家园 第二章 构成网页的基本元素(3)-网页设计,HTML/CSS

建站超值云服务器,限时71元/月

  2.3 列表list

  列表用于列举事实,常用的列表有无序列表 ul(unordered list) ,有序列表 ol(ordered list) 和定义列表 dl(definition list)3 种格式。

  无序列表用 <ul> 开始,每一个列表条目用 <li> 引导,最后是 </ul> ,其基本格式为:

  <ul>

  <li>

  ……

  <li>

  </ul>

  列表条目不需要结尾标注 </li> 。输出结果为每一列表条目缩进,并且以黑点标示。

  与无序列表相比,有序列表 <ol> 只是在输出时列表条目用数字标示。基本格式如下:

  <ol>
  <li>
  ……

  <li>
  </ol>

  定义列表 <dl> 用于对列表条目进行简短说明,用 <dl> 开始,列表条目用 <dt> 引导,它的说明用 <dd> 引导,基本格式如下:

  <dl>
  <dt>
  <dd>

  ……

  </dl>

  下边我们用例子来说明无序列表、有序列表和定义列表的输出效果和区别。

  类别

  无序列表

  有序列表

  定义列表

  html 代码

  <ul>

  <li> 无序列表

  <li> 有序列表

  <li> 定义列表

  </ul>

  <ol>

  <li> 无序列表

  <li> 有序列表

  <li> 定义列表

  </ol>

  <dl>

  <dt> ol

  <dd> 无序列表

  <dt> ul

  <dd> 有序列表

  <dt> dl

  <dd> 定义列表

  </dl>

  显示效果

  · 无序列表

  · 有序列表

  · 定义列表

  1. 无序列表

  2. 有序列表

  3. 定义列表

  ol

  无序列表

  ul

  有序列表

  dl

  定义列表

  说明: 列表标记是块元素,其中 <ul> 、 <ol> 和 <dl> 要求开始标记和结束标记都有, <li>,<dt> 和 <dd> 可以没有结束标记。

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 从HTML语言到网上家园 第二章 构成网页的基本元素(3)-网页设计,HTML/CSS
分享到: 更多 (0)