码迷,mamicode.com
首页 > Web开发 > 详细

HTML中的列表

时间:2014-12-25 23:32:33      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

HTML中的列表

html中有三种基本形式的列表:

  • 有序列表
  • 无序列表
  • 定义列表

其中有序列表用<ol>  </ol>标签加以界定,具体的条目则用<li></li>标签之间的内容给出。在浏览器中打开时,自动添加序号,不同的列表项目之间自动换行。

例如:

<ol>
<li>有序第一条</li>
<li>有序第二条</li>
</ol>

无序列表

用<ul></ul>标签加以界定,项目同有序列表一样用<li></li>标注。不过在浏览器中打开时,显示结果不同于有序列表,不会添加序号,而是添加一个点。

例如:

<ul>
<li>无序第一条</li>
<li>无序第二条</li>
</ul>

定义列表

用<dl></dl>标签加以界定,不同项目的小标题用<dt></dt>给出,具体内容由<dd></dd>给出。

例如:
<dl>
<dt>小标题1</dt>
   <dd> 具体内容1 </dd>
 <dt>小标题2 </dt>
    <dd> 具体内容2</dd>
</dl>
上述三种代码的显示结果如下:

技术分享

 

HTML中的列表

标签:

原文地址:http://www.cnblogs.com/NickCarter/p/4185716.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!