2019-03-31

今天学习列表

一、列表的基本格式

[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文件链接传上来,供大家查看或下载。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、笔记 一正则表达式 定义:记录文本规则的代码 近亲兄弟——通配符:在Windows系统中,通配符(wildca...
    安迪森阅读 280评论 0 0
  • 今天来总结一下js中的常用对象: 1.string对象 常用方法: charAt():返回在指定位置的字符。 ch...
    de8013c4cb3c阅读 159评论 0 0
  • Command模式 是设计模式中最简单的模式,该接口标准实现只有一个方法。该模式常见用法是创建和执行事务。 Act...
    ShawnPanCn阅读 145评论 0 0
  • 陪伴多年,到处走走停停,感谢。再见!
    黄黄22阅读 149评论 0 0