美文网首页
2019-03-31

2019-03-31

作者: 神谕之手 | 来源:发表于2019-03-31 21:51 被阅读0次

    今天学习列表

    一、列表的基本格式

    [ul][/ul]为无序列表基本格式;[ol][/ol]为有序列表的基本格式;[li][/li]为每个列表内容
    

    二、无序列表的type属性

    展现有三种,代码为[ul type="值"]

    值=disc(也是默认值) 实心原点 值=circle 空心原点 值=square 实心方点
    见以下三段代码:

    <ul type="disc">
    
        <li>武器大师</li>
    
        <li>潮汐海灵</li>
    
        <li>死亡颂歌者</li>
    
    </ul>
    
    <ul type="circle">
    
        <li>潮汐海灵</li>
    
        <li>潮汐海灵</li>
    
        <li>死亡颂歌者</li>
    
    </ul>
    
    <ul type="square">
    
            <li>潮汐海灵</li>
    
            <li>潮汐海灵</li>
    
            <li>死亡颂歌者</li>
    
    </ul>
    

    三、有序列表的type属性

    展现方式代码为[ol type="值"]

    默认值为数字1、2、3……;如值=A,排序则为A、B、C……;值=I,排序为罗马数字Ⅰ、Ⅱ、Ⅲ……

    备注:A属性与I属性如字母为小写,则排序为小写方式)见下列代码

    <Ol>
    
        <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>
    

    四、有序列表的start属性,可以直接从XX序号开始,如下列列表直接从5开始,依次往后;

    <Ol start="5">
    
        <li>武器大师</li>
    
        <li>潮汐海灵</li>
    
        <li>死亡颂歌者</li>
    
    </Ol>>
    

    有序列表的value属性

    通俗地讲,该功能可以跳序号。代码为[li value="要跳的起始序号"]

    <ol>
    
        <li>堕落天使</li>
    
        <li value="3">审核天使</li>
    
        <li value="5">雪人骑士</li>
    
        <li value="7">不详之刃</li>
    
        <li value="9">放逐之刃</li>
    
    </ol>
    

    五、有序列表的自定义内容

    dl定义列表;dt定义列表项目;dd定义列表内容。见以下示例

    <h3>小鱼人两种伤害简介</h3>
    
    <dl>
    
        <dt>终极技能</dt>
    
        <dd>放出一条大鲨鱼来给予敌人击飞和魔法伤害</dd>
    
        <dt>被动技能</dt>
    
        <dd>普通攻击造成持续伤害</dd>
    
    </dl>
    

    后期这边服务器搞好了,会把html文件链接传上来,供大家查看或下载。

    相关文章

      网友评论

          本文标题:2019-03-31

          本文链接:https://www.haomeiwen.com/subject/nlcpbqtx.html