HTML序列

HTML序列

有序和无序、自定义序列
ol、ul、dl

无序序列

无序列表中的每个列表项就是没有顺序的，列表项默认用符号 ● 表示
例子：

// 默认为 ● 表示 
<ul>
	<li>①无序列表</li>
	<li>②无序列表</li>
	<li>③无序列表</li>
</ul>

运行结果

可用type更改列表项符号
1、disc --> 实心圆
2、circle --> 空心圆
3、square --> 正方形

例：

// 无序
<ul type="disc">
        <li>①无序列表</li>
        <li>②无序列表</li>
        <li>③无序列表</li>
    </ul>
    <ul type="square">
        <li>①无序列表</li>
        <li>②无序列表</li>
        <li>③无序列表</li>
    </ul>
    <ul type="circle">
        <li>①无序列表</li>
        <li>②无序列表</li>
        <li>③无序列表</li>
</ul>

结果：

有序序列

有序列表中的每个列表项就是按照顺序排列的，列表项默认用符号 1 表示
type 改变列表符号
1、1 --> 阿拉伯数字： 1、2、3…
2、a --> 小写英文字母：a、b、c…
3、A --> 大写英文字母：A、B、C…
4、i --> 小写罗马数字： i、ii、iii…
5、I --> 大写罗马数字：I、II、III…

// 有序
<ol type="1">
    <li>①有序列表</li>
    <li>②有序列表</li>
    <li>③有序列表</li>
</ol>
<ol type="a">
    <li>①有序列表</li>
    <li>②有序列表</li>
    <li>③有序列表</li>
</ol>
<ol type="A">
    <li>①有序列表</li>
    <li>②有序列表</li>
    <li>③有序列表</li>
</ol>
<ol type="I">
    <li>①有序列表</li>
    <li>②有序列表</li>
    <li>③有序列表</li>
</ol>
<ol type="I">
    <li>①有序列表</li>
    <li>②有序列表</li>
    <li>③有序列表</li>
</ol>

结果：

还有一个自定义序列(dl)大家可以自行百度一下！！