Html 列表

1. 无序列表

<ul> </ul>标签:在ul大标签下使用<li>内容</li>标签,一个标签即代表一个项。下例:

<ul>

    <li>苹果</li>

    <li>桃子</li>

</ul>

type属性:可以指定无序标签的项目符号,下例:

<ul type="circle"></ul>,则项目符号是圆圈

2. 有序列表

<ol> </ol>标签:在ol大标签下使用<li>内容</li>标签,一个标签代表一个项。下例:

<ol>

    <li>苹果</li>

    <li>桃子</li>

</ol>

start属性:在<ol>标签中使用start属性可以指定序列的起始数字。例:

<ol start="10"></ol>,则序列将从10开始。

 type属性:可以指定列表是字母数列或是阿拉伯数字或罗马数字等。下例:

<ol type="A"> </ol>,大写字母和小写字母代表不同类型。

3. 列表嵌套

在<li>属性中再次使用<ul></ul>即可在子项中嵌套一个列表。下例:

<ul>
    <li>梨</li>
    <li>茶
        <ul>
            <li>红茶</li>
            <li>绿茶</li>
        </ul>
    </li>
</ul>

同理也可实现三层,四层等等嵌套。对<ol>标签也适用。 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值