标签:
HTML列表
常用的列表分为3种,无序列表(使用<ul>
标签),有序列表(使用<ol>
标签),自定义列表(使用<dl>
标签).
HTML列表可以逐行显示信息,是HTML非常重要的组成部分.
ul 标签 -- 代表HTML无序列表
<ul>
开始,</ul>
结束<li>
标签定义,每一列使用一个点作为开头<
ul
>
<
li
>
www
</
li
>
<
li
>
dreamdu
</
li
>
<
li
>
com
</
li
>
</
ul
>
li 标签 -- 代表HTML列表项目
<li>
开始,</li>
结束ol 标签 -- 代表HTML有序列表
<ol>
开始,</ol>
结束<li>
标签(与无序列表相同)定义,每列使用数字或字母开头.<
ol
>
<
li
>
www
</
li
>
<
li
>
dreamdu
</
li
>
<
li
>
com
</
li
>
</
ol
>
<dl>
开始,</dl>
结束<dl>
标签,列表中每个元素的标题使用<dt>
(definition term)定义,后面跟随<dd>
(definition description)用于描述列表中元素的内容.<
dl
>
<
dt
>
www
</
dt
>
<
dd
>
World Wide Web的缩写.
</
dd
>
<
dt
>
dreamdu
</
dt
>
<
dd
>
梦之都.
</
dd
>
<
dd
>
www的:).
</
dd
>
<
dt
>
com
</
dt
>
<
dt
>
com.cn
</
dt
>
<
dt
>
cn
</
dt
>
<
dd
>
这都是域名的后缀.
</
dd
>
</
dl
>
dt 标签 -- 代表HTML自定义列表项目
<dt>
开始,</dt>
结束dd 标签 -- 代表HTML自定义列表描述
<dd>
开始,</dd>
结束<nl>
开始,</nl>
结束<
nl
>
<
label
>
梦之都
</
label
>
<
li
href
=
"
#introduction
"
>
介绍
</
li
>
<
li
>
<
nl
>
<
label
>
网址(http://www.dreamdu.com/)
</
label
>
<
li
href
=
"
#http
"
>
http://
</
li
>
<
li
href
=
"
#www
"
>
www
</
li
>
<
li
href
=
"
#dreamdu
"
>
dreamdu
</
li
>
<
li
href
=
"
#com
"
>
com
</
li
>
</
nl
>
</
li
>
<
li
href
=
"
#html
"
>
html教程
</
li
>
<
li
href
=
"
#css
"
>
css教程
</
li
>
</
nl
>
<
ul
>
<
li
>
www.
</
li
>
<
li
>
dreamdu
<
dl
>
<
dt
>
dream
</
dt
>
<
dd
>
梦
</
dd
>
<
dt
>
du
</
dt
>
<
dd
>
实现你的梦想
</
dd
>
</
dl
>
</
li
>
<
li
>
.com
</
li
>
</
ul
>
标签:
原文地址:http://www.cnblogs.com/JSWBK/p/5600160.html