HTML中制作列表标记，以及实现列表嵌套_在html中,以下哪些标签可以用在制作列表中

作者：从前慢现在也慢 | 2024-03-28 09:47:10

踩

在html中,以下哪些标签可以用在制作列表中

方法/步骤

1

无序列表

无序列表中每一个表项的前面是项目符号（如■ 、 ● 等）。

建立无序列表使用<UL>标记和<LI>表项标记。格式为：

<UL type=符号类型>

<LI type=符号类型> 第一个列表项

<LI type=符号类型> 第二个列表项

……

……

</UL>
2

<LI>标记：是单标记，即一个表项的开始，就是前一个表

项的结束。

Type：指定每个表项左端的符号类型，可为

disc（实心圆点●）、

circle（空心圆点○）、

square（方块□），

还可以自己设置图片，

如<LI img src=mygraph.gif>默认为实心圆点。
3

例无序列表标记的使用

<HTML>

<HEAD>

<TITLE>无序列表标记的使用</TITLE>

</HEAD>

<BODY>

<FONT size=4>网络的拓扑结构</FONT>

<UL>

<LI>总线结构

<LI type="circle">星型结构

<LI type="square">环型结构

</UL>

</BODY>

</HTML>
4

有序列表

使用<OL>标记可以建立有序列表，表项的标记仍为LI，格式为：

<OL type=符号类型>

<LI type=符号类型>第一个表项

<LI type=符号类型>第二个表项

……

……

</OL>
5

type属性可设定5种序号：

数字（type=1）、

大写英文字母（type=A）、

小写英文字母（type=a）、

大写罗马字母（type=I）、

小写罗马字母（type=i），

缺省的序号标记是数字。
6

例有序列表标记的使用

<HTML>

<HEAD>

<TITLE>有序列表标记的使用</TITLE>

</HEAD>

<BODY>

通过拨号网络连接Internet的步骤

<OL>

<LI>安装调制解调器

<LI>创建拨号连接

<LI type="A">设置拨号网络

<LI type="i">设置拨号网络

</OL>

</BODY>

</HTML>
7

列表的嵌套

列表嵌套能将制作的网页页面分割为多层次，比如图书的目录，让人觉得有很强的层次感。有序列表和无序列表不仅能自身嵌套，而且也能互相嵌套。
8

无序列表中套无序列表
9

有序列表中套无序列表

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/329333