BLOG
Enjoy when you can, and endure when you must.
DEC 09, 2012/HTML
HTML中的几种列表元素

在网页设计中,列表元素是很常见,而使用方法也是很简单的。不过我经常使用ul,几乎无视了其它几种常见元素的用法,故在此做个记录。

1.无序列表(ul):

    <li>首页</li>
    <li>订阅</li>
    <li>关于</li>
</ul>

在没有样式表的情况下,其表现如下:

2.有序列表(ol):

    <li>首页</li>
    <li>订阅</li>
    <li>关于</li>
</ol>

在没有样式表的情况下,其表现如下:

3.内容块(dt):

  <dt>标题一</dt>
  <dd>内容1</dd>
  <dd>内容2</dd>
  <dt>标题二</dt>
  <dd>内容1</dd>
  <dd>内容2</dd>
</dl>

在没有样式表的情况下,其表现如下:

    • 标题一

    • 内容1

    • 内容2

    • 标题二

    • 内容1

    • 内容2

一个dt下可以有多个dd,但一般是一一对应,因为dd还可以嵌套其他内容,不必用多个dd。

dt中只能放内敛元素,而dd中可以放块级元素。

COMMENTS
LEAVE COMMNT