常用的列表有:1、有序列表,项包含在li标签对中,以ol定义;2、无序列表,项包含在li标签对中,以ul定义;3、自定列表,项包含在dt标签对中,“<dd></dd>”与定义项对应的每个定义,自定义列表以“<dl></dl>”定义。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

有序列表,列表项包含在<li></li>标签对中,有序列表以<ol></ol>定义,项目前有数字或者字母缩进

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如:

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

效果:

67P)J%B4$JZX28~M655RD{B.png

无序列表,列表项包含在<li></li>标签对中,无序列表以<ul></ul>定义,项目前有符号缩进

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如:

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

效果:

N0$8EB1U1)SA4AW}0A$[N{J.png

自定列表,列表项包含在<dt></dt>标签对中,<dd></dd>与定义项对应的每个定义,自定义列表以<dl></dl>定义,项目前有符号缩进

列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。

例如:

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

效果:

2@09`S7P6K}IF[NPB~ITU1Y.png

扩展:

列表标签

}](%[T4R1XWIL0$5M1I`YEG.png

以上就是在html语言中,常用的列表有哪三种的详细内容,转载自php中文网

点赞(764) 打赏

评论列表 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部