4当前位置:网页制作HTML教程-简述html的3种列表ul、ol、dl
4网页制作分类
CSS | HTML
FrontPage | DreamWeaver
JavaScript | ASP
.Net | PHP
JSP | XML
数据库 | PhotoShop
FireWorks | Flash
视频 | 其它
4赞助商链接
4最新网页制作
·link标签media参数的含义小结
·让IE完美支持HTML5/CSS3的方法
·让网站支持老版本IE浏览器的3种解决方法
·网页头部多出一行空白甚至样式错乱等问题的分析
·HTML5大潮已袭来,HTML5曲折的发展之路
·漂亮的DIV+CSS+JQUERY网站后台模板
·HTML4和HTML5之间的10个主要不同之处
·简述html的3种列表ul、ol、dl
·适合网站后台的Popup Menu
·IE6中出现"文字自动重复"错误的原因和解决方法
4热门网页制作
·两种网页滚动字幕代码
·设置select宽度
·在网页中实现细线边框的两种方法
·HTML语法基础及规则
·滚动字幕标记(marquee)的使用
·表单提交后submit按钮变灰
·隐藏状态栏的超链接信息
·如何让浏览者记住你的网站
·隐藏网页源代码方法汇总
·制作漂亮的三维表格
4相关网页制作
·UBB中轻松实现歌词同步播放
·HTML表格和CSS混合网页设计
·让IE完美支持HTML5/CSS3的方法
·模仿AS效果的导航菜单
·网站建设一些容易被忽视的问题
·漂亮的DIV+CSS+JQUERY网站后台模板
·提高网页下载速度方法二则
·30个网页制作实用代码
·赋予表单INPUT元素特权
·谈IFRAME标签的使用作用及技巧
简述html的3种列表ul、ol、dl
类别:HTML教程    来源:网络    时间:2010/10/29    贴士:推荐给好友
收藏本页 8 
  html中共有3种列表:无序列表ul、有序列表ol、定义列表dl。

  1、无序列表:
<ul>
 <li>……</li>
 <li>……</li>
</ul>

 
  ul是最常用到的列表,一般的新闻列表都是通过ul实现的。其中li是没有顺序性的,就是并列关系。通过设置list-style样式可以控制li前边显示点或圈等(具体查看在线手册)。在具体操作中,列表前边的小图标都是通过背景图来实现的。

  2、有序列表:
<ol>
 <li>……</li>
 <li>……</li>
 <li>……</li>
</ol>


  有序列表在实际中用到的比较少,顾名思义,里边的li是有顺序的。可以通过设置来实现li前边显示“1,2,3”或其他顺序(具体查看在线手册)。

  1、定义列表:
<dl>
 <dt>标题</dt>
 <dd>内容1</dd>
 <dd>内容2</dd>
</dl>


  定义列表的本意是下定义用的,就是一个标题,然后下边是分条内容。但在实际中,由于定于列表本身就3个标签dl、dt、dd,并且为块元素,所以定义列表经常用来布局。
·上一篇:适合网站后台的Popup Menu
·下一篇:HTML4和HTML5之间的10个主要不同之处
本站部分内容收集整理于网络,仅用于学习,不存在商业目的,如有涉及版权等问题请联系站长,本站将在第一时间内进行处理!
Copyright © 2007-2010 Zzsky.Cn  中国站长天空  网站制作维护:可乐猫  QQ:8127544(请注明来意)
设为首页  加入收藏  联系站长  友情链接  闽ICP备12017729号