在html语言中,常用的列表有哪三种


本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。

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

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

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

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

例如:

1

2

3

4

<ol>

<li>Coffee</li>

<li>Milk</li>

</ol>

效果:

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

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

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

例如:

1

2

3

4

<ul>

<li>Coffee</li>

<li>Milk</li>

</ul>

效果:

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

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

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

例如:

1

2

3

4

5

6

<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视频教程

以上就是在html语言中,常用的列表有哪三种的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

html 速查列表

html学习之html列表介绍(代码实例)

html中的描述列表怎么表示

详解vue列表渲染

h5移动端各种各样的列表的制作方法(七最终章)

h5移动端各种各样的列表的制作方法(一)

h5移动端各种各样的列表的制作方法详解(四)

h5移动端各种各样的列表的制作方法(二)

h5移动端各种各样的列表的制作方法(五)

html定义列表标记有什么

更多相关阅读请进入《列表》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...